Ajax

GET与POST请求详解

最新推荐文章于 2025-03-16 10:00:00 发布

原创最新推荐文章于 2025-03-16 10:00:00 发布 · 196 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了使用JavaScript和jQuery实现GET和POST请求的方法，并展示了如何通过Node.js的路由处理这两种类型的HTTP请求。

GET方式:

创建 ajax 对象
var ajax = new XMLHttpRequest();
向服务器发起请求
ajax.open('GET','/checkuser',true);
ajax.send();

响应
ajax.onreadystatechange=function(){
if(ajax.readyState == 4&& ajax.status == 200){
var d = ajax.responseText;
}
}

GET接口:

router.get('/checkuser',function(req,res){

var name = req.query;

if(name.username == 'abc'){

res.json({ok:0});

}else{

res.json({ok:1});

};
})

POST方式的:

var ajax = new XMLHttpRequest();

ajax.open('post','/aa');

ajax.setRequestHeader('content-type','application/x-www-form-urlencoded');

ajax.send('username='+user.value);

ajax.onreadystatechange = function(){
if(ajax.readyState == 2 &&a jax.status == 200){

var res = ajax.responseText;

};
};

POST接口:

router.post('/aa',function(req,res){

var d = req.body;

res.json({ok:1});

};);

Jquery方式的ajax:

$(function(){
$('#btn').on('click',function(){
$.ajax({
url:'/data1',
data:{name:123},
type:'get',
timeout:5000, //请求超时停止请求
success:function(msg){
$.each(msg.data,function(k,v){
var li = $('<li>');
li.text(v);
$('#list').append(li);
});
}
})
})
})

接口:

router.get('/',function(req,res){
res.render('aaa');
})

router.get('/data1',function(req,res){
var d = req.query;
res.json({data:['aaaaa','bbbbb','cccc']})
});