ajax详解,ajax是

http://www.itjxue.com  2023-01-04 16:45  来源:未知  点击次数: 

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

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

-

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的readyState和status的区别和使用详解

readyState是指ajax对象本身的状态,0表示尚未开始发送,1表示已发送,2表示已接收数据,3表示正在解析数据,4表示解析完成;

status则是网页服务器发给ajax的状态码,200表示网页是完全正常的,301表示网页是中途发生跳转的(也就是说收到的网页内容不是最初请求的那个网址的),著名的404则表示网页文件不存在,500则表示服务器发生错误,等等。

如果readyState等于4而且status等于200,则表示本次ajax请求是完全正确无误的。

jquery ajax 请求详解,请求成功后回调函数中的参数“data”是指什么?请各位大侠帮忙看看!谢谢啦!

data 是 你通过访问Ajax 中url 对应的页面后,返回的值。相当于执行url那个页面后输出的内容。

在function(){} 里面你就可以把 获取到的data 进行处理,根据需要把获取的信息进行操作。

(责任编辑:IT教学网)

更多

推荐CGI/Perl教程文章