高度封装 $.get和 $.post:
$.get('http://127.0.0.1:8000/ajax',function(data){
alert(data);
})
$.post('http://127.0.0.1:8000/ajax',function(data){
alert(data);
})
底层封装$.ajax：
<!DOCTYPE html>
<html lang="en">
<head>
<Meta charset="UTF-8">
<Meta http-equiv="X-UA-Compatible" content="IE=edge">
<Meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<title>Demo</title>
</head>
<body>
<input type="button" name="" id="btn" value="发送">
</body>
<script>
$('#btn').click(function(){
$.ajax({
url:'http://127.0.0.1:8000/ajax',//发送地址
data:{name:'张三',age:23},//发送的数据
type:'POST',//发送类型
dataType:'json',//预期服务器返回的数据类型
async:false,//同步：false 异步：true 默认是异步
success:function(data){ //返回的回调函数
console.log(data);
}
})
})
</script>
</html>
node.js后端接收ajax发送的数据：
var http = require('http');
var url = require('url');
var fs = require('fs');
var server = http.createServer();
server.listen(8000,function(){
console.log('启动成功');
})
server.on('request',function(req,res){
var urls = url.parse(req.url,true);
if(urls.pathname == '/ajax'){
var d = '';
req.on('data',function(post_data){ //接收数据
d+=post_data;
})
req.on('end',function(){
var obj = require('querystring').parse(d); //解析数据
console.log(obj);//打印接收到的数据
})
res.end('22');//给页面返回数据
}else{
fs.readFile('.'+urls.pathname,'utf8',function(err,data){
if(!err){
res.end(data);
}else{
res.end('');
}
})
}
})
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
