这篇文章主要介绍”ajax提交url与ajax提交表单的对比”,在日常操作中,相信很多人在ajax提交url与ajax提交表单的对比问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答“ajax提交url与ajax提交表单的对比”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
1: ajax自已构造一个url,这种方式传参数要用数据,不能用于表单提交。
例:
代码如下:
,,,,,,,,函数createHtml (id) {
,,,,,,,,,,,$ (“# reloading"),告诉();
,,,,,,,,,,,,//edit_bg是个div,提交时显示,这样可以使背景页面不能操作。
,,,,,,,,,,,$ (“# edit_bg"),告诉();
,,,,,,,,,,,美元。ajax ({
,,,,,,,,,,,类型:“POST",
,,,,,,,,,,,url:“pageAction ! createHtml.action",
,,,,,,,,,,,数据:“id=? id,
,,,,,,,,,,,成功:功能(数据){
,,,,,,,,,,,$ (“# reloading") hide ();
,,,,,,,,,,,$ (“# edit_bg") hide ();
,,,,,,,,,,,如果(https://www.yisu.com/zixun/=data=" true ") {
,,,,,,,,,,,alert(“操作成功!”);
,,,,,,,,,,,,,其他}{
,,,,,,,,,,,,,,,,,,,alert(“操作失败,请联系管理员!“);
,,,,,,,,,,,,,,,,,,,}
,,,,,,,,,,,,,,,,,,,}//操作成功后的操作
,,,,,,,,,,,,,,,,,});
,,,,,,,,,,,,,,,,,,}
2: ajax提交表单,这对于大数据传输非常有用,如用户注册,信息量非常大,用ajax提交表,单页面比较美观但是,对于ajax提交表单,我们还得引入一个js,即:jquery.form.js"
例:
代码如下:
,,,还是()函数{
,,,,,$ (“# reloading"),告诉();
,,,,,$ (“# edit_bg"),告诉();
,,,,,,//form1为表单名
,,,,,(“# form1"美元)。ajaxSubmit ({
,,,,,类型:“POST",
,,,,,成功:功能(数据){
,,,,,$ (“# reloading") hide ();
,,,,,$ (“# edit_bg") hide ();
,,,,,如果(data.indexOf (“true") !=1) {
,,,,,alert(“操作成功!”);
,,,,,其他}{
,,,,,警报(数据);
,,,,,,alert(“操作失败,请联系管理员!“);
,,,,,}
,,,,,,,}//操作成功后的操作
,,,,,,});
,,,,,,,,}
3: 2项中ajax提交表单虽然可以正确操作,但返回的数据数据有问题,页面得不到处理结果。如下的代码对ajax提交表单进行了纠正
代码如下:
,,,函数submitForm () {
$ (& # 39; # form1 # 39;) .ajaxSubmit (ajaxOptionsNew);,
,,,,,,}
,,var ajaxOptionsNew={,
,,,,,,,,,,,,,,,beforeSubmit: fn_check_form,,
,,,,,,,,,,,,,,,成功:showResponse,,
,,,,,,,,,,,,,,,url:“costAtion ! save2.action",,
,,,,,,,,,,,,,,,错误:函数(XMLResponse) {,
,,,,,,,,,,,,,,,,,,,警报(XMLResponse.responseText);,,
,,,,,,,,,,,,,,,,,,,警报(& # 39;操作失败! & # 39;);
,,,,,,,,,,,,,,,,,,//window.location.reload ();
,,,,,,,,,,,,,,,},null
