zoukankan      html  css  js  c++  java
  • Jquery ajax方式提交表单

    Jquery ajax方式提交表单,目前用过的有两种方式:

    1、引人jquery.jsjquery.easyui.min.js后,用下面的方法

    $('#checkForm1').form('submit',{
            url: '/YHPC/safecheck/test.action',
            success:function(e){
                //alert(e);
                if(e=="typeFail"){
                    alert("请选择jpg/bmp/png格式的图片!");
                    cancelBubble();
                }
                //document.getElementById("urlHidden").value+=e+",";
                j[j.length]=e;
                $("#index").html(j.length);
                
                document.getElementById("imgShow").src=e;
                document.getElementById("num").innerHTML=j.length;//更新总数
                m=j.length-1;
            }
    });

    该方法是直接以ajax的方式提交表单到后台,前台接收返回的值。

    2、引人jquery.jsjquery.form.js后,用下面的方法:

    $('#checkForm1').ajaxForm({
             success:function(e){
                    //alert(e);
                    if(e=="typeFail"){
                        alert("请选择jpg/bmp/png格式的图片!");
                        cancelBubble();
                    }
                 //document.getElementById("urlHidden").value+=e+",";
                 j[j.length]=e;
                 $("#index").html(j.length);
                 
                 document.getElementById("imgShow").src=e;
                 document.getElementById("num").innerHTML=j.length;//更新总数
                 m=j.length-1;
             }
         }); 
         $("#checkForm1").submit();

    其中ajaxForm方法表示当表单提交时,执行的方法,也就是说,此方法是给表单注册一个提交事件,而不是直接提交表单,注意与方法1进行区别。

    所以需要加$("#checkForm1").submit();这一句进行提交表单。

    经过测试,用document.getElementById(“checkForm1”).submit()提交表单不好使。

  • 相关阅读:
    偶遇问题
    上机实践
    知识点摸清
    实用脚本
    实用脚本
    对于问题,要打破砂锅问到底,也要懂得不求甚解——不执着于问题本身
    偶遇问题
    知识点摸清
    偶遇问题
    程序员论坛
  • 原文地址:https://www.cnblogs.com/dreamboy/p/11692790.html
Copyright © 2011-2022 走看看