码迷,mamicode.com
首页 > Web开发 > 详细

JQuery异步提交操作

时间:2014-12-26 21:42:03      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:jquery   ajax   

        提到异步提交,大家肯定首先想到的应该是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异步提交操作

标签:jquery   ajax   

原文地址:http://blog.csdn.net/u010927139/article/details/42177167

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!