jquery form ajax应用

在做web应用时常常会遇到  一些异步操作的要求

没事就谢谢ajax呗

不过 好在有jQuery 来搞，这样少了很多事

 

下面给出jQuery ajax调用的方式作为自己的备忘吧：

首先是要引入jQuery.js的文件哦

<script>
$(function() {
  jQuery.ajax(function() {
    url:xxx.htm,
    dataType:json,
    data:{a:'你好'，b:'测试'},
    success: function(result) {
      //  todo写出数据返回成功的内容
    },
    async:false,
    error:function(XMLHttpRequest, textStatus, errorThrown) {
      // todo 写出异常时候的内容
     }
  });
});
</script>

 这样请求很方便的实现对数据的请求

 

不过有的时候我们提交表单的时候也是需要使用ajax的

呵呵 还好jQuery已经给我们想到了：

我们可以使用form.js文件

看着网上的说明搞搞呗：

$('#xxxForm').submit(function() {
  var options = {
    beforeSubmit:function() {// 没有提交前的业务},
    dataType:json,
    success:function(responseText, statusText) {
      //TODO 执行成功的时候的业务  其中responseText是返回的json串，
    // statusText是否成功  我看到过成功了是success,失败还没有试过
    }
  };
  $('#xxxForm').ajaxSubmit(options);
  return false;//网上说这个还是挺重用的哦，防止页面刷新。。。
});

 

 

主要的就是这么多了 详细的可以去 http://jquery.malsup.com/form/#ajaxSubmit 这个网址学习学习哦

呵呵 最后发现是看中文的 讲解 还不如去官网上搞搞。