jquery form ajax应用

原创已于 2022-06-23 00:02:01 修改 · 284 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #form #javascript

于 2012-08-22 23:57:45 首次发布

前端专栏收录该内容

4 篇文章

订阅专栏

本文提供了一个关于如何使用jQuery AJAX进行异步数据请求的简洁指南，包括基本语法和表单提交时的AJAX应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在做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;//网上说这个还是挺重用的哦，防止页面刷新。。。
});

主要的就是这么多了详细的可以去 jQuery Form Plugin 这个网址学习学习哦

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