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

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。