• wordpress CMS主题:ssmay主题wordpress CMS主题:ssmay主题
  • 首页 > JS应用 > JQuery学习记录(十三):最底层ajax()方法

    JQuery学习记录(十三):最底层ajax()方法

    作者: 分类:JS应用 点击: 182 次
    wordpress CMS主题:ssmay主题

      上一章我们介绍了load()、get()、post()这几个ajax异步提交数据的方法,这几个方法都是高级方法,都是基于ajax()方法来封装的的方法。ajax()方法是最底层的ajax提交数据的方法,也是我在jquery应用ajax提交数据中使用最多的一种方法。

      ajax()方法只有一个参数,这个参数是一个键值对的对象,下面通过一个案例来进行介绍。

      $.ajax({
      type : 'POST',
      url : 'get_data.php',
      data : {
      name:'gao',age:18,sax:'女',tel:'18217284888'
      },
      success : function (response, stutas, xhr) {
      $('#box').html(response);
      }
      });

      如上例,在通过ajax()提交数据时,它的参数中,至少需要这4组键值对:

      type:传递数据的方式,如:get、post
      url:用来处理提交数据的服务器上的php文件路径
      data:提交的数据,以键值对的形式组成的数据。
      success:成功后的回调函数。用来获取提交后的返回数据。

      ajax()提交数据经常结合表单提交,把表单的数据作为data的值,这种情况我们在编程中会经常碰到。其目的主要是为了避免页面的刷新,因为ajax异步提交数据不会刷新页面,而是在服务器后台处理数据。



      QQ二维码

    文章作者:ssmay
    本文地址:http://wanlimm.com/77201808106523.html
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

    上一篇:
    下一篇:
    wordpress CMS主题:ssmay主题

    或许你会感兴趣的文章:

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注

    This site uses Akismet to reduce spam. Learn how your comment data is processed.