jQuery中ajax - get() 方法实例详解

在jquery中使用get，post和ajax方法给服务器端传递数据，在上篇文章给大家分享了jquery中ajax-post()方法实例，下面通过本文继续学习jQuery中ajax

创新互联于2013年开始，是专业互联网技术服务公司，拥有项目做网站、网站制作网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元和林格尔做网站,已为上家服务,为和林格尔各地企业和个人服务,联系电话:18982081108

-

get()

方法，具体介绍请看下文。

jQuery

Ajax

参考手册

实例

使用

AJAX

的

GET

请求来改变

div

元素的文本：

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

$.get("demo_ajax_load.txt",

function(result){

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

});

});

亲自试一试

定义和用法

get()

方法通过远程

HTTP

GET

请求载入信息。

这是一个简单的

GET

请求功能以取代复杂

$.ajax

。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用

$.ajax。

语法

$(selector).get(url,data,success(response,status,xhr),dataType)

详细说明

该函数是简写的

Ajax

函数，等价于：

$.ajax({

url:

url,

data:

data,

success:

success,

dataType:

dataType

});

根据响应的不同的

MIME

类型，传递给

success

回调函数的返回数据也有所不同，这些数据可以是

XML

root

元素、文本字符串、JavaScript

文件或者

JSON

对象。也可向

success

回调函数传递响应的文本状态。

对于

jQuery

1.4，也可以向

success

回调函数传递

XMLHttpRequest

对象。

示例

请求

test.php

网页，忽略返回值：

$.get("test.php");

更多示例

例子

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);

});

jquery

ajax

的

$.get（）用法详解

js文件

$(document).ready(function(){

$("form").submit(function(event)

{event.preventDefault()})//取消submit的默认行为

$("form

input[type='submit']").click(function(){

var

url

=

$('form').attr('action');

//

取Form中要提交的链接

var

param

=

{};

//

组装发送参数

param['name']

=

$('form

input[name=name]').val();

param['age']

=

$('form

input[name=age]').val();

$.get(url,

param,

function(dom)

{

$('div.get').append(dom)

})

;

//

发送并显示返回内容

});

})

html文件

form

action="ajax.php"

method="get"

Name:

input

type="text"

name="name"

/

Age:

input

type="text"

name="age"

/

input

type="submit"

/

/form

div

class="get"这是ajax的get方法/div

php文件

error_reporting(0);

if($_GET["name"]=="kitty")

{

$name=

"you

are

the

lucky";

}

else

$name=$_GET["name"];

$age=$_GET["age"];

echo

"div

".$name."

".$age."/div";

以上介绍就是本文给大家分享的jQuery中ajax

-

get()

方法实例详解，希望大家喜欢。

jquery ajax get方式返回值最大长度是多少

get方式返回和post方式返回值, 都是返回的网页形式的数据. html 或 xml 或 json 等. 暂时没看到最大限制.

如果你说的是发送长度的话，http协议对url长度没有限制，但是浏览器和http服务器有...如IE是最长2083字节...

同样http协议对post数据长度也没有限制，但是http服务器有...如IIS默认限制为总200K、单表单域限制为100K、二进制数据无限制，并且可通过配置文件修改限制值...

这些限制都跟jquery或者ajax没关系

jquery ajax请求的五个步骤

1、使用ajax发送数据的步骤

第一步：创建异步对象

var xhr = new XMLHttpRequest();

第二步：设置 请求行 open(请求方式，请求url):

// get请求如果有参数就需要在url后面拼接参数，

// post如果有参数，就在请求体中传递 xhr.open("get","validate.php?username="+name)

xhr.open("post","validate.php");

第三步：设置请求（GET方式忽略此步骤）头:setRequestHeader()

// 1.get不需要设置

// 2.post需要设置请求头：Content-Type:application/x-www-form-urlencoded

xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

第四步：设置请求体 send()

// 1.get的参数在url拼接了，所以不需要在这个函数中设置

// 2.post的参数在这个函数中设置(如果有参数)

xhr.send(null) xhr.send("username="+name);

第五步：让异步对象接收服务器的响应数据

一个成功的响应有两个条件：

xhr.onreadystatechange = function(){  

if(xhr.status == 200 xhr.readyState == 4){ 

console.log(xhr.responseText); 

}

ajax-get方式请求案例：

var xhr = new XMLHttpRequest(); 

xhr.open("get","validate.php?username="+name); 

xhr.send(null); 

xhr.onreadystatechange = function(){ 

if(xhr.status == 200 xhr.readyState == 4){

console.log(xhr.responseText);

document.querySelector(".showmsg").innerHTML = xhr.responseText;;

}

}

ajax-post方式请求案例：

var xhr = new XMLHttpRequest();

xhr.open("post","validate.php");

xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

xhr.send("username="+name);

xhr.onreadystatechange = function(){

// 判断服务器是否响应，判断异步对象的响应状态

if(xhr.status == 200 xhr.readyState == 4){

document.querySelector(".showmsg").innerHTML = xhr.responseText;

}

}

二、Jquery中的Ajax

$.ajax({

type: "get",// get或者post

url: "abc.php",// 请求的url地址

data: {},//请求的参数

dataType: "json",//json写了jq会帮我们转换成数组或者对象 他已经用JSON.parse弄好了

timeout: 3000,//3秒后提示错误

beforeSend: function () {

// 发送之前就会进入这个函数

// return false 这个ajax就停止了不会发 如果没有return false 就会继续

},

success: function (data) { // 成功拿到结果放到这个函数 data就是拿到的结果

},

error: function () {//失败的函数

},

complete: function () {//不管成功还是失败 都会进这个函数

}

})

// 常用

$.ajax({

type: "get",

url: "",

data: {},

dataType: "json",

success: function (data) {

}

})

$.ajax() 都可以发

$.post(url,data,success,datatype):本质上只能发送post请求

$.get(url,data,success,datatype):本质上只能发送get请求

使用JQuery 的$.getAjax()

//这里你传入的info ；方法里使用的 Info。字母大小写不匹配

$.each(data, function(InfoIndex,info) {

strhtml+="姓名:"+Info["name"]+"br /";

strhtml+="性别:"+Info["sex"]+"br /";

strhtml+="E-mail:"+Info["email"]+"br /";

});

Jquery ajax get参数怎么写

一、$.ajax的一般格式

$.ajax({

type: 'POST',

url: url ,

data: data ,

success: success ,

dataType: dataType

});

二、$.ajax的参数描述

参数 描述

url 必需。规定把请求发送到哪个 URL。

data 可选。映射或字符串值。规定连同请求发送到服务器的数据。

success(data, textStatus, jqXHR) 可选。请求成功时执行的回调函数。

dataType

可选。规定预期的服务器响应的数据类型。

默认执行智能判断（xml、json、script 或 html），希望能帮到你

jquery里的ajax怎么获取返回的数据

$.ajax({

type: 'get', //ajax的方式 get/post

cache: false, //是否缓存

dataType: 'json', //接收返回数据的方式

url: "?=site_url('vod/admin/vod/type_i')??"+stype, //路径

timeout: 3000, //超时时间

success:function(data){ //成功后返回的回调方法

var json // data就是后台返回的数据

}

})

本文标题：jqueryajaxget的简单介绍
文章地址：http://myzitong.com/article/dsdhocg.html