Ajax的简单应用
前台代码:
<head runat="server">
<title>无标题页</title>
<script src="Ajax.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="Name" type="text" onblur="CheckName(this.value)"/>
<br />
<div id="TipForName"></div>
</div>
</form>
</body>
</html>
"Ajax.js"文件里面的代码
var xmlHttp;//全局XMLHttpResquest对象
//针对不同浏览器,获取XMLHttpRequest对象
function CreateXMLHttpRequest()
{
if(window.ActiveXObject)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
xmlHttp=new XMLHttpResquest();
}
}
//单击btnSayHello时调用的JS函数
function CheckName(name)
{
//创建XMLHTTPRquest对象
CreateXMLHttpRequest();
//指定回调函数
xmlHttp.onreadystatechange=HandleStateChange;
//打开请求
// var s="Output.aspx?id="+name;
xmlHttp.open("POST","Output.aspx",true);
xmlHttp.setRequestHeader('Content-type','application/x-www-form-urlencoded');
//发送请求
xmlHttp.send("id="+name);
}
//回调函数
function HandleStateChange()
{
// alert(xmlHttp.readyState);
if(xmlHttp.readyState==4)
{
相关文档:
+++++++++++++++++++++++Ajax
~~~~~~~~~~~~~~~~~~~~~~~~~~
======= Ajax 技术 ========
一、第一课 ===》 AJAX概述与IntelliJ安装
a.Ajax读法其实不是我们读的'阿假客斯',注意专业化。
b.王兴魁老师先讲实践再讲理论。
c.开发工具不再是eclipse了,因为ajax主要写javascript
d ......
本实例只利用到JQuery类库本身的函数和功能,不需要第三方插件的支持。另外,所有表单信息都是利用PHPMailer类库邮件的形式发送给管理员。如果你对JQuery的基本语法还不是很熟悉,请搜索本站的教程资源。如果你对PHPMailer用法不熟悉,请查看本站的另一篇文章《使用PHPMailer类库发送电子邮件》。
第一步,创建一个表单HTM ......
1.到http://ajaxcontroltoolkit.codeplex.com/Release/ProjectReleases.aspx?ReleaseId=33804
下载AJAX Control Toolkit - Binary
2.解压到C:\Program Files\Microsoft.NET\ADOMD.NET\90
3.visual studio 新建一网站,双击default.aspx
4.打开工具箱,右击新建一选项卡,明名为Ajax Control Toolkit
5.右击Ajax Contr ......
[AJAX介绍]
Ajax是使用客户端脚本与Web服务器交换数据的Web应用开发方法。Web页面不用打断交互流程进行重新加裁,就可以动态地更新。使用Ajax,用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面。
异步JavaScript和XML(AJAX)不是什么新技术,而是使用几种现有技术——包 ......
1、PHP发送中文、Ajax接收
只需在php顶部加入一句:
header('Content-type: text/html;charset=GB2312');
xmlHttp会正确解析其中的中文。
2、Ajax发送中文、PHP接收
这个比较复杂:
Ajax中先用encodeURIComponent对要提交的中文进行编码
PHP中:
$GB2312string=iconv( ‘UTF-8′, ‘gb2312//I ......