Web前端开发之前后端交互02——AJAX

言行物恒

于 2022-04-05 10:07:49 发布

阅读量264

点赞数

CC 4.0 BY-SA版权

分类专栏： # Web前端开发——前后端交互文章标签：前端

本文链接：https://blog.csdn.net/HAC_SOUL/article/details/123964773

Web前端开发——前后端交互专栏收录该内容

11 篇文章

订阅专栏

本文详细介绍了jQuery中的AJAX技术，包括$.ajax()函数的使用、GET和POST请求实例，以及针对不同场景的配置。涵盖了HTTP接口的调用和返回数据的处理。

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

jQuery中的数据交互AJAX：

接口：

jQuery中的数据交互AJAX：

我们在jq中学习了一些从服务器上的资源请求到服务器上的方法，这里我们回顾一下？

$.ajax()函数，是一个功能比较综合的函数，它允许我们对Ajax请求进行更详细的配置。

下面是代码演示：

	$(window).on('load',()=>{
        console.log(1)
	})//load更前
	$(()=>{
        console.log(2)
	})//ready等页面加载完毕
    $.get('http://www.liulongbin.top:3006/api/getbooks', {id: 1}, function (r) {
        console.log(r)
    })
    $.post('http://www.liulongbin.top:3006/api/addbooks', {
        bookname: '水浒传',
        author: '施耐庵',
        publisher: '天津图书出版社'
    },function (r) {
        console.log(r)
    })
    $.ajax({
	    type:'GET',
	    url:'http://www.liulongbin.top:3006/api/getbooks',
	    data:{
            id:2
	    },
	    success:r=>{
            console.log(r)
	    }
    })
    $.ajax({
        type:'POST',
        url:'http://www.liulongbin.top:3006/api/getbooks',
        data:{
            id:10,
            bookname: '水浒传',
            author: '施耐庵',
            publisher: '天津图书出版社'
        },
        success:r=>{
            console.log(r)
        }
    })