1,Ajax
同步请求
异步请求
请求
UI javascript调用 ajax引擎 给web服务器
处理 返回
优点:
1减轻服务器负担
2无需刷新页面
.listen(8086)//返回
跨域请求
res.writehead(200,{'access-control-allow-origion':'*'})
var xmhttp=new XMLHttpRequest();
//接受数据 ,服务器响应成功,自动调用这个回调
xmlhttp.onreadystatechange=function(){
if(xmlhttp.statues==200&&xmlhttp.readystate==4)
}
//open() 打开服务器连接
//“get”:http请求的方式常用还有post
//“url” 请求路径 同一个域名之内 可以只写文件名
// data 参数集合
// datatype 参数集合类型
// contentType 返回数据的类型
// complete 请求完成
// success 请求成功返回数据
// error 请求中出现错误
// true,表示是否发送异步请求
xmlhttp.open(“get”,“http://127.0.0.1:8086”,“true”)
发送http请求
xmlhttp.send();
$.ajax({
type: "GET",//求方式 post get
url: "BookHandler.ashx", // 请求地址
data: {username:$("#username").val(), content:$("#content").val()},// 发送的数据
success: function(data) {
var html = "";
for (var i = 0; i < data.length; i++) {
html += "<tr><td>" + data[i].B_ID + "</td><td>" + data[i].B_Name+
"</td><td>" + data[i].B_Author + "</td><td>" + data[i].B_Price+"</td></tr>";
}
$("tbody").html(html);
}
});
2 .get
一般在url里传值 用Request.QueryString[“”] 接收;
$.get("/offinfo.ashx",//地址
function(data) {
for (var i = 0; i < data.length; i++) {
var option = "<option value='" + data[i].GoodID + "'>" + data[i].GoodName + " </option>";
$("#GoodID").append(option);
}
});
3 .post
将参数放在 在RequestBody 用form接收;
$.post("../add.ashx",
{
empid:$("#empid").val(),
goodid:$("#goodid").val(),
empid:$("#empid").val(),
},
function(data){ //返回成功到data里
if (data==1){
alert("添加成功");
}
})