首页 / JQUERY / jquery操作ajax

jquery操作ajax

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jquery操作ajax，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1444字，纯文字阅读大概需要3分钟。

内容图文

高度封装 $.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('');
            }
        })
    }
})

jquery操作ajax - 文章图片

 

内容总结

以上是互联网集市为您收集整理的jquery操作ajax全部内容，希望文章能够帮你解决jquery操作ajax所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1036646.html

来源：【匿名】