首页 > 代码库 > JQuery异步提交操作
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很神秘,或者是碰到这个就会发触。现在看了这篇文章会不会好点。其实就将其理解成面向对象中的方法封装即可。
JQuery异步提交操作
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。