jquery当中发送ajax请求

本文介绍了如何使用Express服务器处理GET和POST请求,并展示了jQuery如何发起Ajax的GET和POST请求。在Express中,可以使用`app.all`来接收所有类型的HTTP请求。对于jQuery的Ajax,GET请求返回JSON格式的数据,而POST请求则通过设置data参数传递数据。
摘要由CSDN通过智能技术生成

 

使用Express服务器

server.js里的内容:

get和post服务器

server.js里的内容:

也可写成   app.all( ' / jquery-server ' , ( request , response )=>{

                        //all 可接受所有类型的请求  get、 post、 delete等请求

                 })        

1.  jQuery发送Ajax的 get 请求

html内容

server.js里的内容:

 声明一个对象,转化成json字符串传递给浏览器

 设置【type】为 'json'  设置返回内容的格式后

返回结果是  js对象

 2.  jQuery发送Ajax的 post请求

html里的内容

server.js 里的内容

还有一个通用方法 :

$ajax({

        //请求地址: url        

        url: 'http://127.0.0.1:8000/server',

        //参数:  data  【注意data也是一个对象】

        data : {a:100 ,  b:200 },    //{ a=100, b=200}

        // 请求类型:  type

        type : 'GET',     // 'POST'

        //成功的回调函数  (data) 服务端返回的数据

        success : function (data) {

        },

        //失败的回调函数

        error : function(){

        }

})

注意:()里的是 { }  是一个对象哦,别忘了!

 

补充:

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值