简单ajax代码。
<script type="text/javascript">
<!--
//将用户输入异步提交到服务器
function ajaxSubmit(){
//获取用户输入
var question=document.forms[0].question.value;
//创建XMLHttpRequest对象
var xmlhttp;
try{
xmlhttp=new XMLHttpRequest();
}catch(e){
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
//创建请求结果处理程序
xmlhttp.onreadystatechange=function(){
if (4==xmlhttp.readyState){
if (200==xmlhttp.status){
var data=xmlhttp.responseText;
document.getElementById("result").innerHTML=data;
}else{
alert("error");
}
}
}
//打开连接，true表示异步提交
xmlhttp.open("post", "/dict/servlet/dictAction", true);
//当方法为post时需要如下设置http头
xmlhttp.setRequestHeader('Content-type','application/x-www-form-urlencoded');
//发送数据
xmlhttp.send("question="+question);
}
</script>
相关文档：
XMLHttpRequest 对象是AJAX功能的核心，要开发AJAX程序必须从了解XMLHttpRequest 对象开始。
了解XMLHttpRequest 对象就先从创建XMLHttpRequest 对象开始，在不同的浏览器中创建XMLHttpRequest 对象使用不同的方法：
先看看IE创建XMLHttpRequest 对象的方法（方法1）：
va ......
function Ajax(url)
{
var m_xmlReq=null;
if(window.ActiveXObject)
{
try
{
m_xmlReq = new ActiveXObject('Msxml2.XMLHTTP');
}
catch(e)
{
try{m_xmlReq = new ActiveXObject('Microsoft.XMLHTTP');}catch(e){}
}
}
else if(window.XMLHttpRequest ......
$.ajax({
type: "post",
url: loginUrl,
data: "username=" +uname + "&password=" +pwd,
async: ......
Ajax技术已经得到很广泛的应用，在Web开发中其核心就在于异步通信和局部刷新，极大地改善了用户体验，尤其适合于高频度、低数据量的场景。在不使用Ajax的Web应用中，一个页面处理中只有一次请求，客户端处理完后一次性提交，这种一次请求和一次提交的处理可能比较耗时，从而造成客户等待，使用Ajax把这一次请求和一次提交分 ......
参数:
options
返回值:
XMLHttpRequest
使用HTTP请求一个页面。
这是jQuery的低级AJAX实现。要查看高级抽象，见$.set、$.post等，这些方法更易于理解和使用。但是功能上有限制(例如，没有错
误处理函数)。
警告：如果数据类型指定为"script"，那么POST自动转化为GET方法。(因为script会作为一个嵌入页 ......
