<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题页</title>
<script src="js/jquery-1.4.4.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
var xmlHttp = null;
function createXMLHttp()
{
if(window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();
}
}
function checka()
{
createXMLHttp();
var txt=$("#Text1").val();
var url = "ajaxTest.ashx?txt="+txt;
xmlHttp.open("post",url,true);//采用post传输数据不会中断,并且传输容量可以达到4M true表示同步传输 false表示异步传输
xmlHttp.onreadystatechange = sub;
xmlHttp.send();
}
function sub()
{
if(xmlHttp.readyState == 4&&xmlHttp.status==200)
{
var txt=xmlHttp.ResponseText;
$("#Text2").val(txt);
}
}
//以下是jquery的AJAX
$(function(){
$("#Button2").click(function(){
var value=$("#Text1").val();
$.post("ajaxTest.ashx?"+new Date(),{txt:value},function(data,textStatus){
alert(data);
alert(textStatus);
});
// alert(value);
});
})
</script>
</head>
<body>
<input id="Text1" type="text" />
<input id="Button1" type="button" value="ajax测试" onclick="checka();" />
<input id="Button2" type="button" value="ajax测试jquery" />
<input id="Text2" type="text" />
</body>
</html>
以下是ajaxTest.ashx页面
<%@ WebHandler Language="C#" Class="ajaxTest" %>
using System;
using System.Web;
public class ajaxTest : IHttpHandler {
public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";
// context.Response.Write("Hello World");
string txt = context.Request["txt"];
context.Response.Write(txt);
}
public bool IsReusable {
get {
return false;
}
}
}
//注册无刷新提示用户是否存在 ,自己修改一下就OK 迟点再整理好点
function FunAjax()
{
$.ajax({
type: "POST",
url: "jQueryAjaxTest.ashx",
data: "begin=1&end=9",
beforeSend: function(){
$("#span_content").text("数据处理中...");
},
success: function(msg){
$("#span_content").text("两个数的和为: " + msg);
}
});
}
//这个网址不错。介绍AJAX用法。。附带有实例。。傻瓜都能看懂。。。
http://www.w3school.com.cn/jquery/ajax_post.asp
分享到:
相关推荐
check.rar 第3章 第一个Ajax实例 pageinfo.rar 第9章 鼠标信息提示 suggest.rar 第10章 文本框输入提示 relatechg.rar 第11章 下拉列表自动关联 checkname.rar 第12章 自动检查用户名 savepad.rar 第13章 ...
Ajax编程技术与实例
ASP.NET AJAX 技术 入门实例 经典 很经典的实例教程
这是基于Ajax技术的论文,方便大家学习,版权所有,请不得复制用于自己论文,由此产生的任何法律责任由侵权人负责!
在.NET中使用AJAX技术来做服务器端和客户端交互,用JSON做为在异步应用程序中发送和接收信息的数据格式。
《Ajax编程技术与实例》人民邮电出版社出版 随书光盘资料。里面有:1、诸多小实例,融合作者近一年来年的网络开发经验;2、6大综合实例,不仅分析Ajax开发技术的精髓,还提供详细的实现步骤;3、多个角度出发,既...
ASP.NET中AJAX技术原理 实例 表单数据验证 级联菜单
收集的一些Ajax小实例,在JSP环境下使用Ajax技术。JSP是一比较高端的WEB前端技术,虽然入手不是太容易,不过代码规范度高,适用在一些安全性要求较高的场合,比如网银系统,在JSP下运用Ajax技术,已不是什么新鲜事了...
第6章 实现基本Ajax技术 实例44 Ajax测试实例 实例45 客户端解析普通字符串 实例46 客户端解析XML文件响应 实例47 客户端发送POST无参数请求 实例48 客户端发送带有参数请求 实例49 客户端以表格形式显示数据 实例50...
AJAX编写用户注册实例及技术小结
是代码,不是书籍。这本书还不错。推荐!过几天把影印版给大家传上来。现在学习AJAX的可真多啊
本书主要通过多个Ajax技术制作的实例,向读者逐步深入地介绍使用Aiax技术建设Web 2.0网站的方法、技巧和详细步骤。全书共分为13章,由浅入深、循序渐进地介绍基于Ajax组合查实例、调查程序文例、天气预报实例、会员...
一些常用的ajax技术文档,及其应用实例!
第6章 实现基本Ajax技术 实例44 Ajax测试实例 实例45 客户端解析普通字符串 实例46 客户端解析XML文件响应 实例47 客户端发送POST无参数请求 实例48 客户端发送带有参数请求 实例49 客户端以表格形式显示数据 ...
Ajax技术详细解说,实例解说,基于Servlet的AJAX\基于JSP的AJAX\基于Struts的AJAX
jquery中ajax的用法实例 关于Jquery异步刷新的代码实例
本书全面、详细地介绍了Ajax... 本书不仅适合Ajax技术的初学者,还能够帮助有一定编程经验的Ajax开发人员解决开发过程中遇到的实际问题。本书可作为广大用户的自学用书,或高等院校相关专业的教材和辅导用书。
AJAX编程技术与新实例,可以学会怎么应用AJAX编程技术与新实例,AJAX编程技术与新实例
AJAX编程技术与实例 随书 光盘 源码 AJAX编程技术与实例 随书 光盘 源码
AJAX技术实例分析借鉴.pdf