Ajax初识
来源:互联网 发布:corel软件包括 编辑:程序博客网 时间:2024/06/05 08:09
<!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 type="text/javascript">
function btnClick() {
// //创建一个兼容三大主流浏览器的xmlhttpRequest对象
// var xmlhttp = false;
// try{
// xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");//ie msxml3.0+
// }
// catch(e){
// try{
// xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");//ie msxml2.6
// }
// catch(e2){
// xmlhttp = false;
// }
// }
// if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {//Firefox,Opera 8.0,Safari
// xmlhttp = new XMLHttpRequest();
// }
// return xmlhttp;
// }
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); //创建一个XMLHTTP对象
if (!xmlhttp) {
alert("创建xmlhttp对象异常!");
return false;
}
xmlhttp.open("POST", "GetDate1.ashx?id="+encodeURI("中国")+"&ts" + new Date(), true); //准备向服务器的GetDate1.ashx发送请求
//XMLHTTP默认(也推荐)不是同步请求的,也就是open方法并不像webClient的DownloadString那样把服务器返回的数据拿到才返回,是异步的,因此需要监听onreadystatechange事件
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState == 4) {
if (xmlhttp.status == 200) {//如果状态是200表示成功
document.getElementById("Text1").value = xmlhttp.responseText;//responseText属性为服务器返回的数据
}
else {
alert("Ajax服务器返回错误!");
}
}
}
xmlhttp.send();
}
</script>
</head>
<body>
<input id="Text1" type="text"/>
<input type="button" id="Button1" value="button" onclick="btnClick()"/>
</body>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function btnClick() {
// //创建一个兼容三大主流浏览器的xmlhttpRequest对象
// var xmlhttp = false;
// try{
// xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");//ie msxml3.0+
// }
// catch(e){
// try{
// xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");//ie msxml2.6
// }
// catch(e2){
// xmlhttp = false;
// }
// }
// if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {//Firefox,Opera 8.0,Safari
// xmlhttp = new XMLHttpRequest();
// }
// return xmlhttp;
// }
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); //创建一个XMLHTTP对象
if (!xmlhttp) {
alert("创建xmlhttp对象异常!");
return false;
}
xmlhttp.open("POST", "GetDate1.ashx?id="+encodeURI("中国")+"&ts" + new Date(), true); //准备向服务器的GetDate1.ashx发送请求
//XMLHTTP默认(也推荐)不是同步请求的,也就是open方法并不像webClient的DownloadString那样把服务器返回的数据拿到才返回,是异步的,因此需要监听onreadystatechange事件
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState == 4) {
if (xmlhttp.status == 200) {//如果状态是200表示成功
document.getElementById("Text1").value = xmlhttp.responseText;//responseText属性为服务器返回的数据
}
else {
alert("Ajax服务器返回错误!");
}
}
}
xmlhttp.send();
}
</script>
</head>
<body>
<input id="Text1" type="text"/>
<input type="button" id="Button1" value="button" onclick="btnClick()"/>
</body>
</html>
ashx:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace AJax
{
/// <summary>
/// GetDate1 的摘要说明
/// </summary>
public class GetDate1 : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
string id = context.Request["id"];//获取到客户端的变量
string ts = context.Request["ts"];
ts = "hello";
context.Response.Write(DateTime.Now.ToString() + "---" + id+"--"+ts); //返回给客户端数据
}
public bool IsReusable
{
get
{
return false;
}
}
}
}
- 初识AJAX
- 初识AJAX
- 初识ajax
- 初识AJAX
- 初识AJAX
- AJAX初识
- 初识ajax
- 初识Ajax
- 初识Ajax
- 初识Ajax
- 初识Ajax
- 初识AJAX
- 初识AJAX
- 初识AJAX
- 初识Ajax
- 初识Ajax
- Ajax初识
- 初识Ajax
- python 函数参数的传递(参数带星号的说明) 元组传递 字典传递
- JAVA中获取当前系统时间
- 索引及优化之表分析
- 我做的基于DM365的视频采集板方案
- JavaScript精通实例001
- Ajax初识
- HDU1387(队列+hash)
- 在VC中使用CPen绘制宽度大于1的虚线
- linux中fork()函数详解(原创!!实例讲解)
- mysql建表常用语句 个人笔记分享
- 表分析、约束及表间关系
- 排序算法——快速排序
- Linux特殊文件权限
- fzu-1417