首页 前端知识 【速成之路】网页编程必会的Ajax——jQuery实现Ajax(一

【速成之路】网页编程必会的Ajax——jQuery实现Ajax(一

2024-05-10 08:05:18 前端知识 前端哥 662 11 我要收藏

先自我介绍一下,小编浙江大学毕业,去过华为、字节跳动等大厂,目前阿里P7

深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年最新Web前端全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
img
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新

如果你需要这些资料,可以添加V获取:vip1024c (备注前端)
img

正文

},

error:function(err){

//Ajax请求失败回调函数

}

});

$.ajax()方法的常用参数说明如下:

(1) url:用于请求数据的地址,默认值是当前网页地址。

(2) type:说明当前Ajax向服务器端发送数据采用get方法还是post方法。get方法会将前端上传的数据直接与地址连接起来,能传输的数据最大为1024B,一般用于查询操作(不会威胁数据库数据)。get方法有缓存问题,会被浏览器缓存起来。post方法比较安全,一般用于新增、删除、修改等操作,传输数据的大小2MB。

(3) data:发送到服务器的数据。该数据将会自动转换为请求字符串格式。GET请求中数据将附加在URL后。如果为数组,jQuery将自动为不同值对应同一个名称。例如,

{foo:[ ‘bar1",“bar2”]}转换为’foo=bar1&foo=bar2’。

(4)dataType:设置服务器返回数据的数据类型。如果不指定,jQuery将自动根据HTTP包的MIME信息来智能判断,随后服务器端返回的数据会根据这个值解析后,传递给回调函数。该属性的可用值包括以下几种。

  • “xml”:返回XML文档,可用jQuery处理。

  • “html”:返回纯文本HTML信息,包含的script标签会在插入DOM时执行。

  • “script”: 返回纯文本 JavaScript 代码。

  • “json”:返回JSON数据。

  • “jsonp”:返回JSONP格式的数据。

  • “text”:返回纯文本字符串。

(5) asyne:同步与异步标志,默认值是true(异步)。同步时会阻塞程序的运行,请求完成之后才能继续运行脚本代码,异步时请求的过程不会阻塞代码运行。

(6) success:请求成功后所调用的回调函数。该回调函数所带参数主要包括服务器返回数据和返回状态。

(7) error:请求失败后所调用的回调函数。该回调函数所带参数主要包括 XMLHttpRequest 对象错误信息、(可能)捕获的错误对象。

例中jQuery使用$. ajax()方法调用服务器端的文本文件,其在浏览器中的运行结果如图所示。

【例1】

html

服务器端文本文件server. txt的源代码如下所示:

服务器端文件内容,返回到客户端。

例2使用$. ajax()方法实现上节例1中原生 JavaScript 的用户名验证的功能。读者应该重点理解$.ajax()方法的数据发送方式与服务器端返回数据的处理方法,并对$.ajax()方法的使用方法进行着重分析。服务器端程序仍使用上节例1的服务器端servlet程序AjaxServlet.java。

【例2】

$.ajax()用户名验证
转载请注明出处或者链接地址:https://www.qianduange.cn//article/7852.html
标签
评论
发布的文章

JSON加密的看法

2024-05-14 23:05:47

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!