jQuery提交表单的几种方式

方式一:

$.post('../Ajax/GoodsAjax.ashx?cmd=getGsList', function (result) {
   var result = eval('(' + result + ')');
   if (result.rbool) {
      $('#creatLi').html("");
      var li = "";
     //动态添加商品类别样式
    $.each(result.fList, function (f, fsort) {                //遍历集合
        li += "<li><a class=\"easyui-linkbutton\" data-options=\"iconCls:'icon-folder_page',plain:true\">" + fsort.gs_Name + "</a><ul>";
        $.each(result.cList, function (c, csort) {
            if (fsort.gs_Id == csort.gs_PId) {
               li += "<li><a class=\"easyui-linkbutton\" data-options=\"iconCls:'icon-page',plain:true\" onclick=\"GetGs(" + csort.gs_Id + ")\">" + csort.gs_Name + "</a></li>";

}
    });
    li += "</ul></li>";
});

方式二:(表单提交)

$('#form1').form('submit', {
            url: '../Ajax/MemberAjax.ashx?cmd=editVersion',
            success: function (data) {
                var data = eval('(' + data + ')');
                if (data.rbool) {

//关闭easyui窗口
                    $("#GSortWin").dialog({
                        closed: true
                    });
                }
            }
        });

注意:html页

<form id="form1" name="form1" method="post"> </form>

方式三:

var title=$("#tb1").val();

var contents=$("#tb2").val();

$.ajax({
type:"post",
dataType:"josn",

data:{jian:title,jian2:contents},

success:function(data){
if(data.result=="0"{
alert("添加失败");
}
else{
alert("添加成功");
}
},

error:function(data){
alert("错误");
}

});

url传多参方式:

$.ajax({
            url : "comment_ajax.asp?id="+number_id+"&vote_number="+good_bad,  //需要提交的Url地址 默认get方式  
            async : true,                                   //默认设置下,所有请求均为异步请求
            cache : false,                               //设置为 false 将不会从浏览器缓存中加载请求信息。
            dataType : 'text',                         //数据类型
            error : function(xhr) {                  //错误回调函数
                alert('错误:' + xhr.responseText);
            },
            success : function(data) {           //成功获取数据后回调函数        
                alert('正确:'+va);//
                $('#textfield2').val(data);

}

});

post传参:

  1. $.ajax({
  2. type: "POST",
  3. url: "../order/orderCancel.action", //orderModifyStatus
  4. data: {"orderId":orderId,"commant":commant},
  5. dataType:"json",
  6. async:false,
  7. cache:false,
  8. success: function(data){
  9. var member = eval("("+data+")"); //包数据解析为json 格式
  10. if(member.success=="true"){
  11. flag = true;
  12. }else if(member.success=="false") {
  13. alert(member.info);
  14. }
  15. },
  16. error: function(json){
  17. alert("订单取消异常,请刷新后重试...");
  18. }
  19. });
上一篇:【总结-前台发送后台接收表单】MVC提交表单的四种方式


下一篇:Js 语言中 变量提升问题