提到异步提交,大家肯定首先想到的应该是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很神秘,或者是碰到这个就会发触。现在看了这篇文章会不会好点。其实就将其理解成面向对象中的方法封装即可。