js或jQuery如何实现提交form表单,保存数据到数据库,同时打开一个新的窗口,并且带入刚保存的数据的ID

js或jQuery如何实现提交form表单,保存数据到数据库,同时打开一个新的窗口,并且带入刚保存的数据的ID,第1张

这个建议你用ajax来完成。

以jq的ajax为例

==============

$("#form")submit(function(){

var strArray=$(this)serializeArray();//将form表单转为数组形式序列化表单

$post("你要提交的后台页面地址",strArray,function(result,status){

//result是由后台返回的id

//status是状态,为success时成功。

if(status=="success"){

windowopen("要打开的新窗口地址id="+result);//打开一个新窗口,并用get方法传入id

}

});

return false;//此句是防止页面提交

});

=================

以上是jq代码。

后台代码,要看你用的是什么语言了。

比如说php,有个msyql_insert_id();可以获取最后一条插入记录的id。

如果是asp,可以用select top 1 id from 表 order by id desc的方法来获取id。

=================

后台插入数据库的代码,就由你自己来写了。

新打开的窗口,只需获取id即可

<script type="text/javascript">

/

 CreateFile: 测试在电脑上创建一个文件件,并在文件夹里写进一些数据。

 

 /

function CreateFile()

{

   var fso, tf;

   fso = new ActiveXObject("ScriptingFileSystemObject");//获取对象

   tf = fsoCreateTextFile("c:\\testfiletxt", true);//创建一个文件夹

   // 写一行,并且带有新行字符。

   tfWriteLine("Testing 1, 2, 3") ;

   // 向文件写三个新行字符。  

   tfWriteBlankLines(3) ;

   // 写一行。

   tfWrite ("This is a test");

   tfClose();//关闭

}

/

 Folder的API:

 任务 方法 

 创建文件夹。 FileSystemObjectCreateFolder 

 删除文件夹。 FolderDelete 或 FileSystemObjectDeleteFolder 

 移动文件夹。 FolderMove 或 FileSystemObjectMoveFolder 

 复制文件夹。 FolderCopy 或 FileSystemObjectCopyFolder 

 检索文件夹的名字。 FolderName 

 如果文件夹在驱动器上存在,则找出它。 FileSystemObjectFolderExists 

 获得现有 Folder 对象的实例。 FileSystemObjectGetFolder 

 找出文件夹的父文件夹名。 FileSystemObjectGetParentFolderName 

 找出系统文件夹的路径。 FileSystemObjectGetSpecialFolder 

 /

function ManipFiles()

{

   var fso, f1, f2, s;

   fso = new ActiveXObject("ScriptingFileSystemObject");

   f1 = fsoCreateTextFile("c:\\testfiletxt", true); //如果当前文件已经存在的话,则覆盖原有文件

   alert("Writing file <br>");

   // 写一行。

   f1Write("This is a test");

   // 关闭文件。

   f1Close();

   alert("Moving file to c:\\tmp <br>");

   if(!fsoFolderExists("c:\\tmp")) { //如果tmp目录不存在,则创建一个目录

        fsoCreateFolder("c:\\tmp");

   }

   // 获取 C 的根目录(C:\)中的文件的句柄。

   f2 = fsoGetFile("c:\\testfiletxt");

   // 把文件移动到 \tmp 目录。如果这个tmp目录下已经有testfiletxt文件了,则会出错。(如果没有tmp这个文件目录也会出错)

   f2Move ("c:\\tmp\\testfiletxt");

   alert("Copying file to c:\\temp <br>");

   // 把文件复制到 \temp 目录

   if(!fsoFolderExists("c:\\temp")) {//如果temp目录不存在,则创建一个目录

        fsoCreateFolder("c:\\temp");

   }

   f2Copy ("c:\\temp\\testfiletxt");

   alert("Deleting files <br>");

   // 获得文件当前位置的句柄。

   f2 = fsoGetFile("c:\\tmp\\testfiletxt");

   f3 = fsoGetFile("c:\\temp\\testfiletxt");

   // 删除文件。

   f2Delete();

   f3Delete();

   //删除文件夹

   var fdTmp = fsoGetFolder("c:\\tmp");

   var fdTemp = fsoGetFolder("c:\\temp");

   fdTmpDeleteFolder();

   fdTempDeleteFolder();

   alert("All done!");

}

ManipFiles();

//CreateFile();

</script>

以上是将内容保存在文件中。使用的是系统的文件对象,要求系统开启了以上activeX对象,并且有读写文件的权限。在动态网站中读写文件系统一般不需要使用JS的。aspnet/php/jsp都有相应的文件读写方法。

用js获取之后,用post或者get传到控制器里面,也就是一个PHP页面,在页面里面进行处理。然后创建一个Model或者不创建也可以,直接连接数据库,把你接受的数据存在数据库里面。简单就是js->controller->Model交互生成

在SQLite中,你需要创建表来存储js对象的各个属性及其对应的值。可以使用JSONstringify()方法将js对象转换为JSON字符串,然后将其存储在SQLite表中的文本类型的列中。当需要从SQLite库中检索对象数据时,可以使用JSONparse()方法将JSON字符串转换回js对象,以便访问各个属性的值。另外,SQLite的API也支持直接使用Blob类型存储二进制数据,因此可以将js对象序列化为二进制格式再保存在SQLite数据库中。

以上就是关于js或jQuery如何实现提交form表单,保存数据到数据库,同时打开一个新的窗口,并且带入刚保存的数据的ID全部的内容,包括:js或jQuery如何实现提交form表单,保存数据到数据库,同时打开一个新的窗口,并且带入刚保存的数据的ID、js如何把数据保存到服务器端,用文件系统、在html中用js获取到表单的值之后,怎么把它存到sqlserver数据中,希望能够详细说明一下等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/sjk/9833596.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-02
下一篇2023-05-02

发表评论

登录后才能评论

评论列表(0条)

    保存