ajax与js差异，一直都弄不懂
日期：2014-05-16 浏览次数：20511 次
ajax与js区别，一直都弄不懂
我刚学js不久，总听说ajax，但是一直搞不懂
求大侠们介绍介绍
------解决方案--------------------
ajax (异步JavaScript和XML)
= 异步XMLHttpRequest(js内置对象)
+ js
+ xml (现在流行的是json)
就是使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。
操作中使用js，建立一个XMLHttpRequest对象，发送一个url和别的参数，对返回数据(xml or html or json or text) 进行进一步处理。
------解决方案--------------------
我刚学js不久，总听说ajax，但是一直搞不懂
求大侠们介绍介绍
------解决方案--------------------
ajax (异步JavaScript和XML)
= 异步XMLHttpRequest(js内置对象)
+ js
+ xml (现在流行的是json)
就是使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。
操作中使用js，建立一个XMLHttpRequest对象，发送一个url和别的参数，对返回数据(xml or html or json or text) 进行进一步处理。
------解决方案--------------------
<!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>
var xmlHttp
function showHint(str)
{
if (str.length > 0)// 如有字符被输入文字输入区(str.length>0)函数就执行
{
var url="gethint.asp?sid="+Math.random()+"&q="+str;
xmlHttp=GetXmlHttpObject(stateChanged);// 建立一个XMLHTTP对象
xmlHttp.open("GET", url , true)// 发送一个HTTP请求到服务器上的"gethint.asp"上
xmlHttp.send(null)
// 如需将请求发送到服务器，我们使用 xmlHttp 对象的 open() 和 send() 方法：
// open(method,url,async)
// 规定请求的类型、URL 以及是否异步处理请求。
// method：请求的类型；GET 或 POST
// url：文件在服务器上的位置
// async：true（异步）或 false（同步）
// 与 POST 相比，GET 更简单也更快，并且在大部分情况下都能用。
// 然而，在以下情况中，请使用 POST 请求：
// 无法使用缓存文件（更新服务器上的文件或数据库）
// 向服务器发送大量数据（POST 没有数据量限制）
// 发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠
}
else
{
document.getElementById("txtHint").innerHTML=""
}
}
// 当HTTP触发一次变动则XMLHTTP对象就会执行stateChanged()函数
function stateChanged()
{
if (xmlHttp.readyState==4
------解决方案--------------------
xmlHttp.readyState=="complete")
{
// 当状态改变为4(或为"完成")txtHint span里就会显示反馈的文字
document.getElementById("txtHint").innerHTML=xmlHttp.responseText
}
}
function GetXmlHttpObject(handler)
{
var objXmlHttp=null;
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
