JQuery异步提交操作

提到异步提交,大家肯定首先想到的应该是ajax,因为这个本来就是为异步操作而服务的。但在这我要说的是JQuery。两者之间到底有什么联系呢?

自我认为,JQuery其实就是对JS的一个封装。就像我们操作JS时,基本上都是对DOM节点直接的操作,比如说获取一个节点的值要用document.getElementByID方法,然后在赋值操作。等等这些要写很多的代码,这是一个很巨大的工作,就像ajax异步操作,分的那5个步骤。但是有了JQuery,只需要简单的调用一个方法就可以。说的简单点就是对JS的一个封装,用最少的代码来提高我们的效率。就像是对系统中一些公共方法的封装似的。

JQuery异步操作其实有很多的方法,比如说$.get方法,$.post方法,$.ajax方法。首先以post方法为例,看如下代码:

$.post("/Test/jsonTest", { ids: txtName }, function (data) {

$.messager.alert("提示信息",data);

});

    上面参数的意思很明显,第一个为URL(请求的服务器地址),第二个为参数(要传递的数据),第三个为回调函数(请求成功后的操作)。通过和ajax原版的提交相比较,JQuery的这个post方法明显方便了很多。下面再来看ajax的方法:

$.ajax({

url: ‘/Test/About?txtName=‘ + $("#searchName").val(),

type: ‘get‘,

contentType: ‘application/string;charset=utf-8‘,

success: function (data) {

alert(data);

}

})

同样和上面的post方法达到的效果是一样的,用最简洁的代码完成我们想要的效果,大大提高了我们的开发效率。

    总结:以前是不是感觉JQuery很神秘,或者是碰到这个就会发触。现在看了这篇文章会不会好点。其实就将其理解成面向对象中的方法封装即可。

时间: 2024-11-08 19:21:57

JQuery异步提交操作的相关文章

Jquery异步提交$.ajax的使用

function test(){ var myEntity=new Object(); myEntity.pro1="xxx"; myEntity.pro2=10; $.ajax({ type: "post",//提交方式,post,get,put,delete 等 url:"http://ip:port/applicationName/action_url", data: JSON.stringify(UserChannel),//JSON.s

JQuery异步提交

JQuery提交部分 $.ajax({ url:'www.baidu.com', //提交的地址,相当于form的action type:'POST', //提交方式,相当于form的method data:$('#actor').serialize(), //提交的数据,将整个表格序列化提交 cache:false, dataType:"json", //服务器返回的数据类型 //成功后的操作 success:function(data){ //data返回的数据 if(data.s

JQuery 异步提交表单

1.使用post提交方式 2.构造表单的数格式 3.结合form表单的submit调用ajax的回调函数. 使用 jQuery 异步提交表单代码: 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>无标题页</title> </head> <script src="js/jquery-1.4.2.js"></sc

Jquery异步提交表单到Action

转载请注明出处:jiq?钦's technical Blog 一 需求 出于兴趣最近在做分布式注册中心的管理界面,其中一个模块是左边的树显示所有ZooKeeper节点,使用的ztree实现,点击树节点的时候会查询后台action返回节点数据,显示在右边区域,为了不刷整个页面,所以采用的是Jquery的异步请求Action返回JSON数据,参考我的这篇文章,然后使用Jquery的load函数载入显示节点信息的nodeInfo.jsp,以返回的JSON数据为参数. 效果如下: 现在的需求是:我要在编

Jquery 异步提交表单(post)

方法  $.post(url,params,function(data){}); 表单的action,method属性都没有 button的type不能为submit只能为button 前台代码 <script type="text/javascript"> $(function()         {    //异步提交表单  $("#save").click(function(){      $.post("${ctx}/order/sav

JQuery 异步提交数据

类别添加 名称: &nbsp 正在发送数据请求… <% dim strValue blnLogin = false; strValue = request.Form("txtName") Call DBConnBegin() sql="select * from about" oRs.open sql,oConn,1,3 if strValue="" then response.Write("类别不能为空") e

jQuery异步提交时显示正在加载的提示

$(element).ajaxStart(function() { loader.show(); }).ajaxStop(function() { loader.hide(); }).ajaxError(function(a, b, e) { throw e; }); loader是一个gif的加载图片或文字说明等.

使用jQuery.form插件,实现完美的表单异步提交

示例下载:使用jQuery.form插件,实现完美的表单异步提交.rar 抓住6月份的尾巴,今天的主题是 今天我想介绍的是一款jQuery的插件:Jquery.form.js 官网. 通过该插件,我们可以非常简单的实现表单的异步提交,并实现文件上传.进度条显示等等. 现在我们从一个ASP.NET同步表单提交开始,然后再将其转化为异步的表单提交.我写了3种表单提交示例,并简单分析了各种方式的利弊. 当然主题还是使用jQuery表单插件轻松实现表单异步提交以及分析下该插件的源码. ASP.NET服务

使用jQuery,实现完美的表单异步提交

jQuery异步提交表单 1 <form id="form1" method="post"> 2 <table border="1"> 3 <tr> 4 <td>用户名:</td> 5 <td> 6 <input type="text" name="loginName" /></td> 7 </tr>