易截截图软件、单文件、免安装、纯绿色、仅160KB

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


相关文档:

ajax连动下拉菜单

-------------------------jsp中的js代码--------------------
<script type="text/javascript">
  function ajaxFunction(sort){
   var xmlHttp;
   try{
      // Firefox, Opera 8.0+, Safari
       xmlHttp=new X ......

Ajax 手写JS

var httpRequest = false;
var mesdivs = null
function sendRequest(url, mesdiv) {
 
    mesdivs = mesdiv;
    httpRequest = false;
    if (window.XMLHttpRequest) {
        httpRequest = new XMLHttpRequest();
......

AJAX 应用程序体系结构3

剖析 AJAX 回发
若要使 ASP.NET 页面成为部分呈现的页面,首先必须向页面添加一个脚本管理器,然后通过使用 UpdatePanel 控件进行封装,从而定义可独立更新的区域。例如:
< ?xml:namespace prefix = asp />
< asp:ScriptManager runat="server">< /asp:ScriptManager>
< asp:UpdatePanel id=Upda ......

Ajax示例

客户端代码:
var xmlHttp;
function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}else if (window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
function sl(url){
......

CustomValidator控件+ajax 实现注册时的异步验证

在.net的验证控件中有一个CustomValidator验证控件,其属性ClientValidationFunction为客户端函数,在需要验证的控件失去焦点或者post数据时,调用该函数。
前台:
 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CustomValidatorTest.aspx.cs" Inherits="Web.CustomValidatorTest" %>
<!DO ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号