zoukankan      html  css  js  c++  java
  • jquery中ajax中post方法(多学习:洞悉原理,触类旁通)(函数封装思想)

    jquery中ajax中post方法(多学习:洞悉原理,触类旁通)(函数封装思想

    一、总结

    1、多看学习视频:洞悉原理,触类旁通,

    2、函数封装:$.post(URL,data,callback);   这个函数就是赤裸裸的对ajax进行了函数封装

    二、jquery中ajax中post方法

    1、jquery中ajax主干

    2、详解

    jQuery $.post() 方法

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

    语法:

    $.post(URL,data,callback);

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

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

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

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

    实例

    $("button").click(function(){
      $.post("demo_test_post.asp",
      {
        name:"Donald Duck",
        city:"Duckburg"
      },
      function(data,status){ //1、data就相当于从服务器返回的responseText,status就是相当于服务器返回的statusText
        alert("Data: " + data + "
    Status: " + status);
      });
    });

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

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

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

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

    提示:这个 ASP 文件 ("demo_test_post.asp") 类似这样:

    <%
    dim fname,city
    fname=Request.Form("name")
    city=Request.Form("city")
    Response.Write("Dear " & fname & ". ")
    Response.Write("Hope you live well in " & city & ".")
    %>

    3、实例

    1、data就相当于从服务器返回的responseText,status就是相当于服务器返回的statusText
     1 <!DOCTYPE html>
     2 <html>
     3 <head>
     4 <script src="/jquery/jquery-1.11.1.min.js">
     5 </script>
     6 <script>
     7 $(document).ready(function(){
     8   $("button").click(function(){
     9     $.post("/example/jquery/demo_test_post.asp",
    10     {
    11       name:"Donald Duck",
    12       city:"Duckburg"
    13     },
    14     function(data,status){
    15       alert("数据:" + data + "
    状态:" + status);
    16     });
    17   });
    18 });
    19 </script>
    20 </head>
    21 <body>
    22 
    23 <button>向页面发送 HTTP POST 请求,并获得返回的结果</button>
    24 
    25 </body>
    26 </html>
  • 相关阅读:
    串口打印信息
    网上下的ARM入门笔记
    职业生涯规划之驱动开发笔试题
    哈佛学生是如何度过大学4年的
    9G忠告打基础
    新塘M0Timer定时器篇
    ARM裸机篇按键中断
    linux驱动面试题
    裸机程序循环加法操作
    ARM裸机篇串口UART实验
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/9084231.html
Copyright © 2011-2022 走看看