AJAX POST的使用实例(ASP)

2016-02-19 20:36 57 1 收藏

图老师设计创意栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享AJAX POST的使用实例(ASP)的教程,热爱PS的朋友们快点看过来吧!

【 tulaoshi.com - Web开发 】

ajax.html

!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
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title兼容多浏览器的AJAX入门实例(超详细注释)/title
script type="text/javascript"
!--
//Ajax是建立在XMLHttp组件下的技术,本例详细语法参考压缩包内xmlhttp手册
var xmlHttp
//建立XMLHTTP对象调用MS的ActiveXObject方法,如果成功(IE浏览器)则使用MS ActiveX实例化创建一个XMLHTTP对象 非IE则转用建立一个本地Javascript对象的XMLHttp对象(此方法确保不同浏览器下对AJAX的支持)
function createXMLHttp(){
if(window.XMLHttpRequest){ // Mozilla 浏览器
xmlHttp = new XMLHttpRequest();
}else if (window.ActiveXObject){ // IE 浏览器
try{
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){}
}
}
}

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)


//建立主过程
function startXMLHttp(){
    createXMLHttp(); //建立xmlHttp 对象
 var send_string="name="+document.getElementById("name").value;
 send_string= encodeURI(send_string)
// alert(document.getElementById("text").value);
// return;
    xmlHttp.onreadystatechange =dodo; //xmlHttp下的onreadystatechange方法控制传送过程
    xmlHttp.open("post","1.asp",true); //传送方式 读取的页面 异步与否
// xmlHttp.setRequestHeader("cache-control","no-cache");
   xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    xmlHttp.send(send_string); //发送
}

function dodo(){
    if(xmlHttp.readystate==4){ // xmlHttp下的readystate方法 4表示传送完毕
        if(xmlHttp.status==200){ // xmlHttp的status方法读取状态(服务器HTTP状态码) 200对应OK 404对应Not Found(未找到)等
     document.getElementById("content").innerHTML=xmlHttp.responseText //xmlHttp的responseText方法 得到读取页数据
           }
   
}

}
--
/script
/head

body
span id="content"替换内容/spanbr
input type="button" onclick="javascript:startXMLHttp()" value="AJAX获取"/
form id="form1" name="form1" method="post" action=""
  label
  input type="text" name="textfield" id="name" /
  /label
/form
/body
/html
1.asp

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

%
'-------------------------------------------
'//禁止缓存该页 让AJAX读取该页始终为最新而非过期缓存页
Response.Expires = 0
Response.Expiresabsolute = Now() - 1
Response.AddHeader "pragma","no-cache"
Response.AddHeader "cache-control","private"
Response.CacheControl = "no-cache"
'-------------------------------------------
response.Charset="GB2312" '//数据返回的编码类型 显示中文数据必须

'-------------------------------------------
response.Write(now())'//得到当前时间
Dim Content
Content = Request.Form("name")
Response.Write(Content)
%

来源:http://www.tulaoshi.com/n/20160219/1624101.html

延伸阅读
标签: Web开发
下面是我的一个例子:AJAXDemo.html html head titleAJAX测试!/title scripttype="text/javascript"src="ajaxrequest.js"/script scripttype="text/javascript" varajax=newAJAXRequest(); functionshowHello(){ ajax.get("helloworld.asp",mycallback); } functionmycallback(obj){ alert(unescape(obj.responseText)); } /script /...
标签: Web开发
您的第一个AJAX应用程序 为了让您理解AJAX的工作原理,我们将创建一个小型的AJAX应用程序。 首先,我们需要一个带有两个文本框的HTML表单:用户名和时间。用户名文本框由用户填写,而时间文本框使用AJAX进行填写。 此HTML文件名为"testAjax.htm"(请注意这个HTML表单没有提交按钮!): html body...
标签: Web开发
代码如下: /* 防止ajax重复请求的GET和POST方法 */ jQuery.extend({ getx:function(url,data,callback,sender){ var params={url:url,data:null,callback:null,sender:null}; for(var i=1;iarguments.length;i++){ if(arguments[i]!=null){ var ptype=typeof(arguments[i]); if(ptype=="function"){ params.callback=arguments[i];...
标签: Web开发
您的第一个 AJAX 应用程序 为了让您理解 AJAX 的工作原理,我们将创建一个小型的 AJAX 应用程序。 首先,我们需要一个带有两个文本框的 HTML 表单:用户名和时间。用户名文本框由用户填写,而时间文本框使用 AJAX 进行填写。 此 HTML 文件名为 "testAjax.htm"(请注意这个 HTML 表单没有提交按钮!): htmlbodyform name="...
标签: Web开发
AJAX介绍      AJAX 关键词:   JavaScript脚本和可扩展标记语言(XML)   WEB浏览器技术   开放式WEB标准   浏览器以及独立平台   更好更快的网络应用程序   XML以及HTTP请求      AJAX = 异步JavaScript和可扩展标记语言   A...

经验教程

670

收藏

98
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部