• wordpress CMS主题:ssmay主题wordpress CMS主题:ssmay主题
  • 首页 > JS应用 > JQuery学习记录(十二):load()、get()、post()方法提交数据

    JQuery学习记录(十二):load()、get()、post()方法提交数据

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

      页面刷新数据有2种:整个页面刷新和页面局部刷新。整个页面刷新不难理解。这里解说一下局部刷新。局部刷新就是页面的某一个部分的内容刷新后内容更新,而页面的其它地方内容不动。局部刷新一般都会采用ajax向服务器异步提交数据来实现(通过iframe内联框架也能实现)。本章将介绍几个有关ajax提交数据的jquery方法。

      1:load()方法。

      load()方法是一个局部方法,它需要在前面指定一个页面的元素。适合做静态文件的异步获取。

      语法:

      load(服务器文件路径url, 传递的数据, 回调函数)

      通过load()来实现ajax提交:

      //可通过 .load()方法
      $('input').click(function () {
      $('#box').load('test.php', {
      url : 'ycku'
      }, function (response, status, xhr) {
      alert('返回的值为:' + response + ',状态为:' + status + ',
      状态是:' + xhr.statusText);
      });
      });

      2:get()方法:

      get()方法是通过GET请求来提交数据到远程服务器。get方法是一个全局方法,不需要在前面添加指定元素。语法:

      $.get()( url, data, callback);

      get()方法的第二个参数,也可以直接放到url中,url带问号的,键值对字符串。

      通过get()方法来实现ajax提交数据:

      //可通过 $.get()方法
      $('input').click(function () {
      $.get()('test.php', {
      url : 'ycku'
      }, function (response, status, xhr) {
      alert('返回的值为:' + response + ',状态为:' + status + ',
      状态是:' + xhr.statusText);
      });
      });

      3:post()方法

      post()方法是通过POST请求来实现ajax提交数据。post方法也是全局方法,不需要添加指定元素。

      通过post()方法来实现ajax远程提交数据,实现局部刷新页面:

      $.post()('test.php', {
      url : 'ycku'
      }, function (response, status, xhr) {
      alert('返回的值为:' + response + ',状态为:' + status + ',
      状态是:' + xhr.statusText);
      });

      4:get()与post()的区别:

      get()方法与post()方法都是全局方法,它们之间也存在着区别,主要有以下几点:

      (1)、get方法是通过URL提交的,而post方法则是 HTTP 头部消息实体提交的;
      (2)、get方法提交有大小限制,最大2KB,post方法不受限制;
      (3)、get方法提交会被缓存下来,有风险,post方法没有这种风险;
      (4)、get方法在php中通过$_GET[]获取,post方法传递的数据在php中要通过$_POST[]获取。
      (5)、get方法传递参数有3种方式:url带问号的,键值对字符串,对象;而post方法只能传递后2种。

      在实际使用中,想使用哪种方法来实现ajax异步提交数据,这要看你自己的选择了。

       



      QQ二维码

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

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

    或许你会感兴趣的文章:

    发表评论

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

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