• 人民网驻阿尔及利亚记者报道集 2018-02-19
  • 党务问答:党组与党委有何区别? 2018-02-19
  • MINI车联网服务3月起升级至4G网络 增加新功能 2018-02-18
  • 以色列警方:已有足够的证据可以用于起诉以总理 2018-02-18
  • 冬奥会短节目第四 金博洋:伤病令我更强大 2018-02-18
  • 天津市北辰区委书记冯卫华:强化政治担当 把主体责任落实落细 2018-02-17
  • 正月初一客流继续回落 全国铁路预计发送旅客389万人次 2018-02-17
  • 送别余光中:诗人虽远行,乡愁永流传 2018-02-17
  • 集团原董事长违纪被查 人员伤亡事故频发 湖北宜化:去年亏损额超过公司市值 2018-02-17
  • 图片故事:“六个人”的火车站 2018-02-16
  • 【马来西亚房产】雅诗阁之星十年包租可续租! ——凤凰网房产马来西亚 2018-02-16
  • 大量顺差在中国,多数利润归美国 2018-02-16
  • 河北今年将削减煤炭消费500万吨 2018-02-16
  • 开创生态文明新时代 绘出美丽中国新图景 2018-02-15
  • 以色列警方:已有足够的证据可以用于起诉以总理 2018-02-15
  • 【jquery教程】jQuery - AJAX get() 和 post() 方法

    栏目: jquery 发布于: 2014-11-28 16:57:32

    jQuery - AJAX get() 和 post() 方法


    jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。


    HTTP 请求:GET vs. POST

    两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST。

    • GET - 从指定的资源请求数据
    • POST - 向指定的资源提交要处理的数据

    GET 基本上用于从服务器获得(取回)数据。注释:GET 方法可能返回缓存数据。

    POST 也可用于从服务器获取数据。不过,POST 方法不会缓存数据,并且常用于连同请求一起发送数据。

    如需学习更多有关 GET 和 POST 以及两方法差异的知识,请阅读我们的 HTTP 方法 - GET 对比 POST。


    jQuery $.get() 方法

    $.get() 方法通过 HTTP GET 请求从服务器上请求数据。

    语法:

    $.get(URL,callback);

    必需的 URL 参数规定您希望请求的 URL。

    可选的 callback 参数是请求成功后所执行的函数名。

    下面的例子使用 $.get() 方法从服务器上的一个文件中取回数据:

    实例

    $("button").click(function(){
    ? $.get("demo_test.html",function(data,status){
    ??? alert("Data: " + data + "nStatus: " + status);
    ? });
    });

    尝试一下 ?

    $.get() 的第一个参数是我们希望请求的 URL("demo_test.php")。

    第二个参数是回调函数。第一个回调参数存有被请求页面的内容,第二个回调参数存有请求的状态。

    提示: 这个 PHP 文件 ("demo_test.php") 类似这样:

    <?php
    echo "This is some text from an external PHP file.";
    ?>


    jQuery $.post() 方法

    $.post() 方法通过 HTTP POST 请求从服务器上请求数据。

    语法:

    $.post(URL,data,callback);

    必需的 URL 参数规定您希望请求的 URL。

    可选的 data 参数规定连同请求发送的数据。

    可选的 callback 参数是请求成功后所执行的函数名。

    下面的例子使用 $.post() 连同请求一起发送数据:

    实例

    $("button").click(function(){
    ? $.post("demo_test_post.html",
    ? {
    ??? name:"Donald Duck",
    ??? city:"Duckburg"
    ? },
    ? function(data,status){
    ??? alert("Data: " + data + "nStatus: " + status);
    ? });
    });

    尝试一下 ?

    $.post() 的第一个参数是我们希望请求的 URL ("demo_test_post.php")。

    然后我们连同请求(name 和 city)一起发送数据。

    "demo_test_post.php" 中的 PHP 脚本读取这些参数,对它们进行处理,然后返回结果。

    第三个参数是回调函数。第一个回调参数存有被请求页面的内容,而第二个参数存有请求的状态。

    提示: 这个 PHP 文件 ("demo_test_post.php") 类似这样:

    <?php
    $name = isset($_POST['name']) ? htmlspecialchars($_POST['name']) : '';
    $city = isset($_POST['city']) ? htmlspecialchars($_POST['city']) : '';
    echo 'Dear ' . $name;
    echo 'Hope you live well in ' . $city;
    ?>

    本文转载自:w3cschool
    本站文章除注明转载外,均为本站原创或编译?;队魏涡问降淖?,但请务必注明出处。
    转载请注明:文章转载自 七星彩票平台
    本文标题:【jquery教程】jQuery - AJAX get() 和 post() 方法
    IT技术书籍推荐:
    O'Reilly精品图书系列:JavaScript权威指南(第6版)
    O'Reilly精品图书系列:JavaScript权威指南(第6版)
    弗兰纳根(David Flanagan) (作者), 淘宝前端团队 (译者)
    《O'Reilly精品图书系列:JavaScript权威指南(第6版)》讲述的内容涵盖JavaScript语言本身,以及Web浏览器所实现的JavaScriptAPI?!禣'Reilly精品图书系列:JavaScript权威指南(第6版)》涵盖了HTML5和ECMAScript5,很多章节完全重写,增加了当今Web开发的最佳实践的内容,新增的章节包括jQuery、服务器端JavaScript、图形编程以及JavaScript式的面向对象?!禣'Reilly精品图书系列:JavaScript权威指南(第6版)》不仅适合初学者系统学习,也适合有经验的JavaScript开发者随手翻阅。