【AJAX】9. jQuery发送AJAX请求-CSDN博客

本文链接：https://blog.csdn.net/weixin_44895477/article/details/118355608

本文介绍了使用jQuery发起GET和POST请求的方法，并演示了如何在客户端通过按钮触发这些请求，同时在服务器端设置响应头以支持跨域请求并返回JSON格式的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

get请求

$.get(url,[data],[callback],[type])
url:请求的url地址
data：请求携带的参数
callback：载入成功时回调函数
type：设置返回内容模式：xml,html,script,json,text,text_default

post请求

$.pot(url,[data],[callback],[type])
url:请求的url地址
data：请求携带的参数
callback：载入成功时的回调函数
type：设置返回内容模式：xml,html,script,json,text,text_default

9.1 引入jQuery资源

百度搜索bootctn：https://www.bootcdn.cn/
搜索jQuery
复制script链接粘贴到html的head处即可

<script>
        $('button').eq(0).click(function(){
            $.get('http://192.168.1.106:8000/jquery-server',{a:100,b:200},function(data){
                console.log(data);
            },'json')
        })

        $('button').eq(1).click(function(){
            $.post('http://192.168.1.106:8000/jquery-server',{a:100,b:200},function(data){
                console.log(data);
            })
        })
    </script>

//jQuery服务
app.all('/jquery-server',(request,response)=>{
    // 设置响应头   设置运行跨域
    response.setHeader('Access-Control-Allow-Origin','*');
    // 设置响应体 json类型
    const data={name:'cc'};
    response.send(JSON.stringify(data));
    // response.send('hello jQuery ajax');
});

JSON.stringify将一个 JavaScript 对象或值转换为 JSON 字符串