jQuery Ajax 实例演示
<
script language=
"javascript"
>
$(
document)
.ready
(
function
(
)
{
$(
'#send_ajax'
)
.click
(
function
(
)
{
var
params=
$(
'input'
)
.serialize
(
)
;
//序列化表单的值
$.ajax
(
{
url:
'ajax_json.php'
,
//后台处理程序
type:
'post'
,
//数据发送方式
dataType:
'json'
,
//接受数据格式
data:
params,
//要传递的数据
success:
update_page //回传函数(这里是函数名)
}
)
;
}
)
;
//$.post()方式：
$(
'#test_post'
)
.click
(
function
(
)
{
$.post
(
'ajax_json.php'
,
{
username:
$(
'#input1'
)
.val
(
)
,
age:
$(
'#input2'
)
.val
(
)
,
sex:
$(
'#input3'
)
.val
(
)
,
job:
$(
'#input4'
)
.val
(
)
}
,
function
(
data)
//回传函数
{
var
myjson=
''
;
eval
(
'myjson='
+
data +
';'
)
;
$(
'#result'
)
.html
(
"姓名:"
+
myjson.username
+
"<br/>工作:"
+
myjson[
'job'
]
)
;
}
)
;
}
)
;
//$.get()方式：
$(
'#test_get'
)
.click
(
function
(
)
{
$.get
(
'ajax_json.php'
,
{
username:
$(
"#input1"
)
.val
(
)
,
age:
$(
"#input2"
)
.val
(
)
,
sex:
$(
"#input3"
)
.val
(
)
,
job:
$(
"#input4"
)
.val
(
)
}
,
function
(
data)
//回传函数
{
var
myjson=
''
;
eval
(
"myjson="
+
data +
";"
)
;
$(
"#result"
)
.html
(
myjson.job
)
;
}
)
;
}
)
;
}
)
;
function
update_page (
json)
//回传函数实体，参数为XMLhttpRequest.responseText
{
var
str=
"姓名:"
+
json.username
+
"<br />"
;
str+=
"年龄:"
+
jso
相关文档：
var httpRequest = false;
var mesdivs = null
function sendRequest(url, mesdiv) {
mesdivs = mesdiv;
httpRequest = false;
if (window.XMLHttpRequest) {
httpRequest = new XMLHttpRequest();
......
剖析 AJAX 回发
若要使 ASP.NET 页面成为部分呈现的页面，首先必须向页面添加一个脚本管理器，然后通过使用 UpdatePanel 控件进行封装，从而定义可独立更新的区域。例如：
< ?xml:namespace prefix = asp />
< asp:ScriptManager runat="server">< /asp:ScriptManager>
< asp:UpdatePanel id=Upda ......
Web开发者不会注意到由 “AJAX(Asynchronous JavaScript And XML)”所带来的激情。不费力气就能创建像Google Suggest那样的智能网站或者像Gmail那样基于Web的应用程序，这在很大程度上要归功于这种技术。然而，伴随着AJAX应用程序的发展，我们发现了它的一些不足之处，我们发现它的安全漏洞也在逐渐变大，就像慢� ......
对与任意一门语言的学习，我们大都是从基础开始，而对于Ajax的学习我们大可不必，因为它本身就不是一门新的语言，Ajax=Asynchronous javascript and xml。肤浅的说，它就是基本语言混合应用的结果，正由于这种混合不是随心所欲，任意勾兑的，才 有了成系统，成规范的Ajax。
为此，我们一开始就从 ......
