zoukankan      html  css  js  c++  java
  • ajax post方法

    定义和用法

    post() 方法通过 HTTP POST 请求从服务器载入数据。

    语法

    jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)
    参数 描述
    url 必需。规定把请求发送到哪个 URL。
    data 可选。映射或字符串值。规定连同请求发送到服务器的数据。
    success(data, textStatus, jqXHR) 可选。请求成功时执行的回调函数。
    dataType
    可选。规定预期的服务器响应的数据类型。默认执行智能判断(xml、json、script 或 html)。


    jQuery.post( url, [data], [callback], [type] ) :使用POST方式来进行异步请求

    参数:

    url (String) : 发送请求的URL地址.

    data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示。(json格式)

    callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。

    type (String) : (可选)官方的说明是:Type of data to be sent。其实应该为客户端请求的类型(JSON,XML,等等)

    例子 1

    请求 test.php 页面,并一起发送一些额外的数据(同时仍然忽略返回值):

    $.post("test.php", { name: "John", time: "2pm" } );

    例子 2

    向服务器传递数据数组(同时仍然忽略返回值):

    $.post("test.php", { 'choices[]': ["Jon", "Susan"] });

    例子 3

    使用 ajax 请求发送表单数据:

    $.post("test.php", $("#testform").serialize());

    例子 4

    输出来自请求页面 test.php 的结果(HTML 或 XML,取决于所返回的内容):

    $.post("test.php", function(data){
       alert("Data Loaded: " + data);
     });
    

    例子 5

    向页面 test.php 发送数据,并输出结果(HTML 或 XML,取决于所返回的内容):

    $.post("test.php", { name: "John", time: "2pm" },
       function(data){
         alert("Data Loaded: " + data);
       });
    

    例子 6

    获得 test.php 页面的内容,并存储为 XMLHttpResponse 对象,并通过 process() 这个 JavaScript 函数进行处理:

    $.post("test.php", { name: "John", time: "2pm" },
       function(data){
         process(data);
       }, "xml");
    

    例子 7

    获得 test.php 页面返回的 json 格式的内容:

    $.post("test.php", { "func": "getNameAndTime" },
       function(data){
         alert(data.name); // John
         console.log(data.time); //  2pm
       }, "js

    data转为对象格式:
    var jsonobj=eval('('+data+')');
  • 相关阅读:
    2020 年最棒的 9 个 Java 框架,哪个最香?
    CTO:不要在 Java 代码中写 set/get 方法了,逮一次罚款
    面试常考:Java中synchronized和volatile有什么区别?
    树莓派3B装ubuntu server后开启wifi
    转:程序内存空间(代码段、数据段、堆栈段)
    环境变量IFS
    python之格式化字符串速记整理
    logging模块简单用法
    理解正则表达式的匹配关系
    cut和tr命令的联合使用
  • 原文地址:https://www.cnblogs.com/siliconvalley/p/3265674.html
Copyright © 2011-2022 走看看