jquery中AJAX提交from表单的例子

这里主要是jquery实现ajax提交form表单的方法，需要的朋友可以过来参考下。

 代码如下 复制代码

//添加
$(".BaseWorkSaveAdd").click(function (e) {
    $.ajax({
type: 'POST',
url: "/TalentResume/TalentWorkAdd",
data: {
    WorkID: $("#WORKID").val(),
    INOFFICEDATESTAR: $("#INOFFICEDATESTAR").val(),
    INOFFICEDATEEND: $("#INOFFICEDATEEND").val(),
    UNITNAME: $("#UNITNAME").val(),
    POSITION: $("#POSITION").val(),
    TRADENAME: $("#TRADENAME").val(),
    SCALE: $("#SCALE").val(),
    WORKDUTIES: $("#WORKDUTIES").val(),
},
dataType: 'json',
success: function (data) {
    rightInit();//绑定
    $('#workList').css('display', '');
    $('#workList2').css('display', 'none');   
}
    });
});
时间： 2024-10-24 20:05:44

jquery中AJAX提交from表单的例子的相关文章

jquery实现ajax提交form表单的方法总结

 本篇文章主要是对jquery实现ajax提交form表单的方法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 方法一:     代码如下: function AddHandlingFeeToRefund()           {             var AjaxURL= "../OrderManagement/AjaxModifyOrderService.aspx";                    alert($('#formAddHandlingFe

jquery的ajax提交form表单的两种方法小结(推荐)_jquery

jquery的ajax提交form表单的两种方法小结(推荐) 方法一: function AddHandlingFeeToRefund() { var AjaxURL= "../OrderManagement/AjaxModifyOrderService.aspx"; alert($('#formAddHandlingFee').serialize()); $.ajax({ type: "POST", dataType: "html", url:

jquery 使用AJAX提交Form表单实例介绍

 使用AJAX提交Form表单的方法,其中主要的就是ajaxForm()和ajaxSubmit(),ajaxForm和ajaxSubmit都支持众多的选项参数,这些选项参数可以使用一个Options对象来提供.Options只是一个JavaScript对象,它包含了如下一些属性与值的集合: Options对象的详解: 1.)target 指明页面中由服务器响应进行更新的元素.元素的值可能被指定为一个jQuery选择器字符串,一个jQuery对象,或者一个DOM元素. 默认值:null. 2.)u

jquery实现ajax提交form表单的方法总结_jquery

方法一: 复制代码 代码如下: function AddHandlingFeeToRefund()         {            var AjaxURL= "../OrderManagement/AjaxModifyOrderService.aspx";                   alert($('#formAddHandlingFee').serialize());                $.ajax({                    type:

jQuery实现Ajax提交form表单的程序

介绍:介绍了如何将一个普通的form表单,迅速改造成通过ajax方式提交,并将结果显示在对话框中. 正文: 我们有一个非常普通的表单:   <form id="form1" name="form1" method="get" action="post.html"> 标题<input id="testtitle" name="testtitle" type="t

JQuery中ajax异步验证表单简单实例

$.get和$.post方法一样,第一个参数是地址,第二个是传的值,第三个是成功后的回调函数 post方法:  代码如下 复制代码 function emailb(){ var email = $("#email").val(); if(email==""){ $("#inf_email").replaceWith('<span id="inf_email"><img src="/public/im

Jquery中ajax提交表单几种方法(get、post两种方法)_AJAX相关

在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的方法.$get方式提交表单get() 方法通过远程HTTP ,下面我来介绍两个提交表单数据的方法. $get方式提交表单 get() 方法通过远程 HTTP GET 请求载入信息 格式 $(selector).get(url,data,success(response,status,xhr),dataType

Jquery中ajax提交表单几种方法(get、post两种方法)

在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的方法.$get方式提交表单get() 方法通过远程HTTP ,下面我来介绍两个提交表单数据的方法. $get方式提交表单 get() 方法通过远程 HTTP GET 请求载入信息 格式 $(selector).get(url,data,success(response,status,xhr),dataType

基于jQuery通过jQuery.form.js插件使用ajax提交form表单_javascript技巧

我们在提交表单的时候,如果没有使用ajax提交,页面都会自己刷新一下,显得非常的不友好,所以我们需要把我们的表单提交修改为ajax的模式,可以让用户清楚地知道他们在提交表单的时候处在哪一个阶段:正在提交?提交成功? 我简单使用了一下,jQuery Form插件有一下优点: 1.支持提交前验证. 2.支持提交后回调. 3.采用AJAX方式,有很好的用户体验 4.提交方式是灵活.只要指定要提交的form ID即可.想提交那个form.就可提交那个.同时提交参数可配置. 5.支持提交多种类型数据.如: