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即可

不知道你的具体应用是怎么着的。

jQuery里面,对元素都有一个click()的功能。这个方法,可以为你想要的几乎任何元素绑定触发事件。你可以为这个按钮绑定表单提交的触发,当然,也可以直接在按钮上面用onclick进行绑定。

如果知道你的具体应用,会更简单一些。这个,我个人想着,是没有什么难度的,有问题可以叫我哈。。。

天天开心。。。

:)

jquery有个ajax方法是实现异步的(就是你所说的无刷新),然后你绑定表单的onsubmit事件,异步访问你要提交的页面,return false(这样本页面就不会提交了),可以实现你所说的form提交无刷新,代码如下

$(document)ready(function() {

//使用jQuery异步提交表单

$('#表单ID')submit(function() {

jQueryajax({

url: '要提交的页面',

data: $('#表单ID')serialize(),

type: "POST",

beforeSend: function()

{

//在异步提交前要做的 *** 作

},

success: function()

{

//在异步提交成功后要做的 *** 作

}

});

return false;

});

});

提交form表单:

$('form')submit();

具体提交到哪里取决于你的form标签的action属性。

要在另一个页面显示提交的数据那实现的方式就多了。

以上就是关于js或jQuery如何实现提交form表单,保存数据到数据库,同时打开一个新的窗口,并且带入刚保存的数据的ID全部的内容,包括:js或jQuery如何实现提交form表单,保存数据到数据库,同时打开一个新的窗口,并且带入刚保存的数据的ID、jQuery 按钮怎么提交jsp form表单、jquery如何实现form提交无刷新返回一个页面等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9622738.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存