方式一:

$.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. });

jQuery提交表单的几种方式的更多相关文章

  1. 使用JQuery提交表单的两种方式选择

    有一个表单,如果使用JQuery提交的话,可以使用下面2中方式,但他们的区别却是根据实际需求需要进行选择的. 第一种:表单按照action路径提交后,页面会刷新. $("#id") ...

  2. C# MVC提交表单的四种方式(转)

    Mvc 提交表单的4种方法全程详解(转) 一,MVC  HtmlHelper方法 Html.BeginForm(actionName,controllerName,method,htmlAttribu ...

  3. 【总结-前台发送后台接收表单】MVC提交表单的四种方式

    https://www.cnblogs.com/chenwolong/p/Form.html#commentform 后台控制器接收前台表单参数三种方法: 一.普通参数 HTML标签name 和参数名 ...

  4. MVC中提交表单的4种方式

    一,MVC  HtmlHelper方法 Html.BeginForm(actionName,controllerName,method,htmlAttributes){} BeginRouteForm ...

  5. 使用AJAX异步提交表单的几种方式

    方式一 手工收集所有的用户输入,封装为大的“k1=v1&k2=v2…”键值对形式,使用$.post(url, data,fn)把数据提交给服务器 $.ajax({ type:'post', u ...

  6. JavaScript—异步提交表单的6种方式

    FormData的详细介绍及使用请点击此处,那里对FormData的方法和事件已经表述的非常清楚,这里就不再浪费时间在介绍一遍了.本文主要针对FormData对象的使用以及异步文件上传进行详细的说明. ...

  7. 提交表单时,post方式无法提交(一种情况)

    tomcat6,设置文件上传不限制大小maxPostSize="0" 但是在tomcat7及以后版本,应设置为小于0,如maxPostSize="-1"  否则 ...

  8. Jquery Validate 表单验证的多种方式

    ASP.NET MVC Jquery Validate 表单验证的多种方式 在我们日常开发过程中,前端的表单验证很重要,如果这块处理不当,会出现很多bug .但是如果处理的好,不仅bug会很少,用户体 ...

  9. 利用JS提交表单的几种方法和验证(必看篇)

    第一种方式:表单提交,在form标签中增加onsubmit事件来判断表单提交是否成功 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <scr ...

随机推荐

  1. .net core jessetalk资料合集

    资料推荐集合贴 By Jesse • 2018-01-10 • 5064次浏览 流程图在线预览地址:https://9o90oe.axshare.com/#g=1&p=home OAuth2  ...

  2. 数组去重ES6

    原文链接:https://juejin.im/post/5b17a2c251882513e9059231 1,去除简单类型   //ES6中新增了Set数据结构,类似于数组,但是 它的成员都是唯一的 ...

  3. .NET Core _linux sdk安装

    根据官方介绍页面的步骤: 步骤1. sudo sh -c 'echo "deb [arch=amd64] https://apt-mo.trafficmanager.net/repos/do ...

  4. ES6——面向对象-基础

    面向对象原来写法 类和构造函数一样 属性和方法分开写的 // 老版本 function User(name, pass) { this.name = name this.pass = pass } U ...

  5. pgtksh -- PostgreSQL Tcl/Tk shell 客户端

    SYNOPSIS pgtksh [filename [argument...]] DESCRIPTION 描述 pgtksh 是一个带有 PostgreSQL 数据库访问函数扩展的 Tcl/Tk sh ...

  6. iBatis.Net 语句 获取Identity ID

    <insert id="Table_Operate_Id" parameterClass="Entity" resultClass="Syste ...

  7. Taro -- 上传图片公用组件

    Taro上传图片公用组件 子组件chooseImage //component/chooseImage/index.js import Taro, { Component } from '@taroj ...

  8. Tomcat部署虚拟主机

    使用Tomcat部署加密虚拟主机,实现: a.使用www.a.com域名访问的页面根路径为/usr/local/tomcat/a/base b.使用www.b.com域名访问的页面根路径为/usr/l ...

  9. openprocess提升为测试权限

    BOOL EnableDebugPrivilege() { HANDLE hToken; BOOL fOk=FALSE; if(OpenProcessToken(GetCurrentProcess() ...

  10. [python 学习] requests 库的使用

    1.get请求 # -*- coding: utf-8 -*- import requests URL_IP = "http://b.com/index.php" pyload = ...