jQuery实现Ajax应用加载（load/getJSON/getScript/get/post/serialize/ajax/ajaxSetup/ajaxStart/ajaxStop)

最新推荐文章于 2022-01-11 18:05:37 发布
最新推荐文章于 2022-01-11 18:05:37 发布
阅读量1.2k 收藏 2
点赞数
分类专栏： 学习记录-jQuery 文章标签： jQuery 加载 ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yeyang123_fy/article/details/47275889
版权
本文介绍了jQuery中的多种AJAX功能，包括load()用于异步加载服务器数据，getJSON()获取JSON格式数据，getScript()加载执行JS文件，get()和post()分别用于GET和POST请求，serialize()序列化表单数据，ajax()作为底层强大请求方法，ajaxSetup()设置全局Ajax选项，以及ajaxStart()和ajaxStop()绑定的Ajax事件。
摘要由CSDN通过智能技术生成

1、load加载异步请求

使用load()方法通过Ajax请求加载服务器中的数据，并把返回的数据放置到指定的元素中，它的调用格式为：

load(url,[data],[callback])

参数url为加载服务器地址，可选项data参数为请求时发送的数据，callback参数为数据请求成功后，执行的回调函数。

举例：调.html



2、使用getJSON()方法异步加载JSON格式数据

使用getJSON()方法可以通过Ajax异步请求的方式，获取服务器中的数组，并对获取的数据进行解析，显示在页面中，它的调用格式为：

jQuery.getJSON(url,[data],[callback])或$.getJSON(url,[data],[callback])

举例：调.json



3、使用getScript()方法异步加载并执行j

最低0.47元/天 解锁文章
叶炀
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
使用ajaxStart / ajaxSetup加载jQuery Ajax
03-31 131
快速jQuery代码片断如何使用jQuery.ajaxStart和jQuery.ajaxStop功能的示例。 下面的例子。 使用ajaxStart和ajaxStop方法 下面我们的例子中已经使用它来显示加载图像，并禁用一旦它已被点击正在被处理时Ajax请求表单提交按钮。 然后当它返回的图像是隐藏的提交按钮再次变为可用。 var $form = $('#form'); $form.find...
Jquery中$.load(),$.get(),$.post(),$.ajax(),$.getJSON()的作用与不同
weixin_30336061的博客
09-17 85
这个五个都是获取页面或者数据的方法.. 都是基于Ajax协议的.. $.get(url,[data],[callback]) //描述:从服务器加载数据,请求方式为GET。 url 为请求地址 data 为请求数据的列表 callback 为请求成功后的回调函数，该函数接受两个参数，第一个为服务器返回的数据，这个数...
post,get,ajax,load,jsonp方法的运用
weixin_44389107的博客
02-25 223
post请求 <body> <!--get类型提交的数据会显示在url地址？后面，不安全--> <!--<form action="./text.txt" method="post"> 密码：<input type="password" name="psw"> <inpu
使用getJSON()方法异步加载JSON格式数据
Lucky Star的博客
12-29 2448
使用getJSON()方法可以通过Ajax异步请求的方式，获取服务器中的数据，并对获取的数据进行解析，显示在页面中，它的调用格式为： jQuery.getJSON(url,[data],[callback])或$.getJSON(url,[data],[callback]) 其中，url参数为请求加载json格式文件的服务器地址，可选项data参数为请求时发送的数据，callback参
使用ajax和json实现列表数据加载
qq_43816935的博客
01-11 560
使用ajax发送请求，获取data.json中的数据，并以表单的形式展示
jQuery Ajax 全解析get/load/serialize()/Query.ajax( options )jQuery.getScript(（）
有 prepare , No out
01-09 762
本文转载地址：http://QLeelulu.cnblogs.com/  jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。 废话少说，直接进入正题，我们先来看一些简单的方法，这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法，当然，如果要处理复杂的逻辑，还是需要用到jQu
jQuery AJAX 方法
12-13
8. **事件处理方法：ajaxComplete(), ajaxError(), ajaxSend(), ajaxStart(), ajaxStop(), ajaxSuccess()** 这些方法提供了在 AJAX 请求生命周期中的不同阶段绑定回调函数的机会，方便对整个应用的 AJAX 请求进行...
jQuery权威指南-源代码
11-11
其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用，以及各种常用的jQuery插件的使用方法和技巧，所有这些知识点都配有完整的示例（包括...
jquery1.11.0手册
04-13
$.getJSON(url,[data],[fn]) $.getScript(url,[callback]) $.post(url,[data],[fn],[type]) ajax 事件 ajaxComplete(callback) ajaxError(callback) ajaxSend(callback) ajaxStart(callback) ajaxStop...
jQuery ajax - getJSON() 方法 例子逐句讲解
weixin_43288322的博客
06-09 717
前天对getjson()方法，我还是懵逼的，看了官方文档，如下图（官方jquery getJSON文档节选，友情链接：https://api.jquery.com/jQuery.getJSON/#jQuery-getJSON-url-data-success） ，也没看懂，具体怎么个写法，然后通过大量搜信息，看视频讲解，终于理解了一点，可以在代码中使用了。 ...
AJAX请求 $.getJson方法的使用
weixin_30852367的博客
06-17 127
AJAX请求 $.getJson方法的使用 使用jQuery的$.getJson方法可以异步的获取服务器端返回的json字符串。 $.getJson方法语法 $.getJson(url,parameters,callback) 参数 url (字符串)将要通过GET方法进行...
jQuery动画效果2（animate移位效果/stop停止/delay延时效果）
热门推荐
yeyang123的专栏
07-30 1万+
1、调用animate()方法可以创建自定义动画效果 它的调用格式为： $(selector).animate({params},speed,[callback]) 其中，params参数为制作动画效果的CSS属性名与值，speed参数为动画的效果的速度，单位为毫秒，可选项callback参数为动画完成时执行的回调函数名。 调用animate()方法不仅可以制作简单渐渐
jQuery动画效果(show与hide/toggle/slideUp/slideToggle/fadeIn/fadeTo)
yeyang123的专栏
07-29 5733
1、show()与hide() show()和hide()方法用于显示或隐藏页面中的元素，它的调用格式分别为： $(selector).hide(speed,[callback])和$(selector).show(speed,[callback]) 参数speed设置隐藏或显示时的速度值，可为“slow”、“fast”或毫秒数值，可选项参数callback为隐藏或显示动作执行完成后调用的函
jQuery插件2（拖拽draggable/放置droppable/排序sortable/面板折叠accordion/横向选项卡tabs/对话框dialog/menu/微调spinner/框提示）
yeyang123的专栏
08-07 5364
1、拖曳插件——draggable 通过调用draggable()方法，实现各种拖曳元素的效果，调用格式如下： $(selector). draggable({options}) options参数为方法调用时的配置对象，根据该对象可以设置各种拖曳效果，如“containment”属性指定拖曳区域，“axis”属性设置拖曳时的坐标方向。 $("#test").draggable({axis
jQuery事件（ready/bind/hover/toggle/unbind/one/trigger/focus/blur/change/live)
yeyang123的专栏
07-27 3487
1、页面加载时触发ready（） $(document).ready(function(){})等价于$(function(){}); 页面载入时触发ready()事件 $(document).ready(function(){ $("#btntest")
jQuery过滤选择器(first,last/:eq()/:contains()/:has()/:hidden/:visible)
yeyang123的专栏
07-16 3003
1、first、last过滤选择器 得到一组相同标签元素中的第1个元素， $(“li:first”) 例：最后一个元素背景色取红色 :first过滤选择器 改变最后一行"苹果"背景颜色： 葡萄 香蕉
jQuery表单选择器（:input/:text/:password/:radio/:checkbox/:submit/:image/:checked/:selected)
yeyang123的专栏
07-20 1678
1、获取表单全部元素,:input表单选择器可以实现 例：修改全部表单的背景色 修改全部表单元素的背景色 Option Button $("#f
HttpServletResponse 设置 Header application/script 变成 application/json
最新发布
05-30
您好！如果在设置 HttpServletResponse 的 Header 时，将 Content-Type 的值设置为 application/script，但实际上返回的 Content-Type 却变成了 application/json，可能是因为 SpringBoot 默认使用了 Jackson 库将返回值序列化成 JSON 格式。 要解决这个问题，可以尝试以下两种方法： 1. 在 Controller 中设置返回值类型为 String，手动设置 Content-Type 的值为 application/script。例如： ```java @GetMapping("/getScript") public void getScript(HttpServletResponse response) throws Exception { String script = // 生成 js 脚本的内容 response.setContentType("application/script"); response.getWriter().write(script); } ``` 在上述代码中，将返回值类型设置为 void，手动设置 Content-Type 的值为 application/script，并使用 HttpServletResponse 的 getWriter() 方法将生成的 js 脚本内容直接写入响应体中。 2. 在配置文件中关闭 Jackson 库的自动序列化功能。例如： ```properties spring.jackson.enabled=false ``` 在上述配置中，将 spring.jackson.enabled 配置项的值设置为 false，可以关闭 Jackson 库的自动序列化功能，从而避免返回值被序列化成 JSON 格式。 希望能帮到您！
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值