$.ajax() ,$.post(),$.get() 的用法

在编写代码的过程中，我们会用到一些的需要局部刷新，而且需要数据传递的情况，我们通常是有$.ajax() ,$.post(),$.get() 这三种方式。

$.ajax()方法通过 HTTP 请求加载远程数据。

最简单的情况下，$.ajax() 可以不带任何参数直接使用。

注意：所有的选项都可以通过 $.ajaxSetup() 函数来全局设置。

$.ajax({

      type: "POST",      //data 传送数据类型。post 传递

      dataType: 'json',  // 返回数据的数据类型json

      url: "/site/abc",  // yii 控制器/方法

      cache: false,

      data: {tel: tel},  //传送的数据

      error:function(){

         alert("数据传输错误");

      },success: function (data) {

         if(window.console){

            console.log(data);

         }

      }

})

$.ajax 的属性：【详解】http://www.w3school.com.cn/jquery/ajax_ajax.asp

dataType

类型：String

预期服务器返回的数据类型。如果不指定，jQuery 将自动根据 HTTP 包 MIME 信息来智能判断，比如 XML MIME 类型就被识别为 XML。在 1.4 中，JSON 就会生成一个 JavaScript 对象，而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后，传递给回调函数。可用值:

"xml": 返回 XML 文档，可用 jQuery 处理。
"html": 返回纯文本 HTML 信息；包含的 script 标签会在插入 dom 时执行。
"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 "cache" 参数。注意：在远程请求时(不在同一个域下)，所有 POST 请求都将转为 GET 请求。（因为将使用 DOM 的 script标签来加载）
"json": 返回 JSON 数据。输出数据（yii控制器中）
```
public function(){

      echo CJSON::encode($message);

}
```
　　
"jsonp": JSONP 格式。使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。
"text": 返回纯文本字符串

data

类型：String

发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组，jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。

error

类型：Function

默认值: 自动判断 (xml 或 html)。请求失败时调用此函数。

有以下三个参数：XMLHttpRequest 对象、错误信息、（可选）捕获的异常对象。

如果发生了错误，错误信息（第二个参数）除了得到 null 之外，还可能是 "timeout", "error", "notmodified" 和 "parsererror"。

这是一个 Ajax 事件。

$.post() 方法通过 HTTP POST 请求从服务器载入数据。【详细】http://www.w3school.com.cn/jquery/ajax_post.asp

语法：

jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)

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

例子：

向页面 test.php 发送数据，并输出结果（HTML 或 XML，取决于所返回的内容）：

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

    function(data){

      alert("Data Loaded: " + data);

    });

$.get() 【详细】http://www.w3school.com.cn/jquery/ajax_get.asp

例子：

 $("button").click(function(){

   $.get("demo_ajax_load.txt", function(result){

     $("div").html(result);

   });

 });

例子 1

请求 test.php 网页，传送2个参数，忽略返回值：

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

例子 2

显示 test.php 返回值(HTML 或 XML，取决于返回值)：

$.get("test.php", function(data){

  alert("Data Loaded: " + data);

});

例子 3

显示 test.cgi 返回值(HTML 或 XML，取决于返回值)，添加一组请求参数：

$.get("test.cgi", { name: "John", time: "2pm" },

  function(data){

    alert("Data Loaded: " + data);

  });

随机推荐

Linux 编程中的API函数和系统调用的关系【转】
转自:http://blog.chinaunix.net/uid-25968088-id-3426027.html 原文地址:Linux 编程中的API函数和系统调用的关系作者:up哥小号 API: ...
ASP+Access UTF-8 网页乱码问题解决办法
用ACCESS数据库和ASP做网站时用UTF-8编码有时会出现乱码,再者网页出错或者刷新页面后就是乱码,如果数据库取值乱码在开头加上<%@LANGUAGE="VBSCRIPT&quot ...
php curl向远程服务器上传文件
<?php /** * test.php: */ header('content-type:text/html;charset=utf8'); $ch = curl_init(); //加@符号 ...
25、oracle（一）
1)了解oracle背景,概念和特点 2)掌握oracleSQL对单表各种查询操作 3)掌握oracleSQL中函数的使用 4)掌握数值型number,字符串型varchar2,日期型date,条件判 ...
NSHashtable and NSMaptable
本文转自Nidom的博客,原文:<NSHashtable & NSMaptable> NSSet, NSDictionary, NSArray是Foundation框架关于集合 ...
c#读取Excel的列名问题
在修改c#读取Excel的时候,遇到了一些小问题,总结下,希望别人不用再浪费时间读取excel的时候,如果是空行就不读取? SELECT * FROM [DB_ESTATE$] where F2&l ...
【转】MYSQL入门学习之八：数据库及表的基本操作
转载地址:http://www.2cto.com/database/201212/175867.html 一.操作数据库 www.2cto.com 1.查看数据库 show ...
YTU 2987: 调整表中元素顺序（线性表）
2987: 调整表中元素顺序(线性表) 时间限制: 1 Sec 内存限制: 2 MB 提交: 1 解决: 1 题目描述若一个线性表L采用顺序存储结构存储,其中所有元素都为整数.设计一个算法,将所 ...
hdu4924 Football Manager
这题上来我是没有思路的.因为目标值关涉到的因素太多而直接枚举的复杂度又太高. 目标值由两部分合成,一部分是队员的CA和与PA和,另一部分是队员之间的relationship. 前者是简单的代数累加,而 ...
C/C++ 调用qsort/sort 对字符数组排序的cmp函数写法
这个问题屡次碰到解决之后再次遇到又忘记怎么弄了,这次打算彻底搞清楚. ·C 首先对所谓字符数组的排序应该是对(char)*a[]数组而非(char)a[][]进行的排序,后者是无法直接调用qsort实 ...

秒客网

$.ajax() ,$.post(),$.get() 的用法

例子 1

例子 2

例子 3

随机推荐

相关文章