当前位置: 首页 > 网络应用技术

jQuery-ajax和主要方法详细说明

时间:2023-03-08 10:59:31 网络应用技术

  本文提到并引用“精细jQuery”来解释jQuery-ajax及其主要方法。

  A。如果没有任何浏览器插头-in,大多数浏览器都无法支持浏览器插头。用户只需要允许JavaScript在浏览器上执行。

  b。极好的用户体验。最大的优势是在不刷新整个页面的情况下更新数据,这允许Web应用程序快速响应用户操作。

  C。与提高Web程序性能的传统模式相比,性能方面的最大差异是传输数据。在传统模式中,以获取整个页面的综合刷新网页,AJAX模型仅将数据提交到服务器,以通过XMLHTTTPRequest对象将数据提交给服务器,也就是说,即按需发送。

  d。减轻服务器负担和宽带AJAX的原理等同于用户和服务器之间添加中间层。服务器负担的工作被转移到客户端以促进客户资源来处理和减少服务器的负担和宽带。

  A。浏览器缺乏对XMLHTTPREQUEST对象的支持是不够的。Ajax的缺点之一首先来自浏览器。IE5.0及后来的版本支持XMLHTTPRequest对象(此阶段的大多数客户端高于IE6),Mozilla,Netscape等。浏览器支持XMLHTTPRequest,以便启用AJAX应用程序在每个浏览器中正常运行,程序员,程序员,程序员,程序员,程序员必须花很多时间浏览器。

  b。在Ajax中销毁浏览器和后退按钮的正常功能。前后按钮的功能将无效。尽管可以通过某种方式使用(添加锚点),但该方法很麻烦。对于用户,他们经常遇到这种情况。当按钮单击按钮触发Ajax交互时,我觉得我不想这样做,然后我习惯地单击“返回”按钮。最不愿意查看结果,浏览器撤退到了上一页,并且通过Ajax相互作用获得的内容完全消失了。

  C。对搜索引擎的支持不足通常通过爬行者在互联网上搜索和组织数亿个宏观体积数据。但是,爬网程序无法理解那些奇怪的JavaScript代码及其引起的页面内容。与网络促销中的传统站点相比,变化使Ajax在不利条件下应用。

  d。缺乏开发和调试工具JavaScript是Ajax的重要组成部分。目前,由于缺乏良好的JavaScript开发和调试工具,许多网络开发人员对JavaScript感到恐惧。在当前,许多网络开发人员习惯于使用视觉工具,并且担心亲自编写代码。她在一定程度上影响了每个人对Ajax的应用。

  AJAX方法需要与Web服务器进行交互,因此需要环境。AppServe是用于安装环境的工具包软件包。

  下载地址:https://www.appserv.org/en/download/

  安装:连续单机器Next按钮,输入URL,E -MAIL,密码和其他常用信息,端口默认为80。

  在浏览器中输入“ http:// localhost:80”,并出现以下接口,表明安装成功。

  使用:将书面程序复制到已安装的AppServwww文件夹,然后在地址栏中输入“ http:// loaclhost:80/program文件名”以访问它。

  jQuery库具有完整的AJAX兼容套件。这些功能和方法使我们能够从服务器加载数据而无需刷新浏览器。

  https://www.w3school.com.cn/jquery/jquery_ref_ajax.asp

  在上图中,$。Ajax()方法是jQuery中的底部方法。第二层是.load(),$。get()和$ .post()和$ .getjson()方法。

  我已经发表了一篇文章“ jquery ajax-ajax()方法详细说明”

  对于特定的戳:https://juejin.cn/post/7019188063704350756

  与其他方法相比,最简单,最常用的方法可以加载远程HTML代码并插入DOM。

  结构

  范围

  应用

  1)加载HTML文档

  首先构建由LOAD()方法加载并添加到页面上的test.html。HTML代码如下:

  然后创建一个新的空白页(main.html),该页面包含一个触发AJAX事件的按钮,并且ID用于显示HTML内容(test.html)。代码如下:

  接下来写jQuery代码。加载DOM后,通过单击按钮来调用加载方法,然后将test.html中的内容加载到“ content”元素中。代码如下:

  操作结果

  加载之前:

  加载后:

  2)过滤已加载的HTML文档

  上面的示例是将所有内容加载到test.html中。如果您只想加载一些内容,则可以使用加载(URL选择器)实现它。

  注意:URL和选择器之间有一个空间。

  例如,只有test.html中p标签的内容,代码如下:

  操作结果

  3)传输方法

  LOAD()方法传输方法是根据参数数据指定的。如果没有参数传输,则使用GET方法,否则,它会自动将其转换为POST方法。

  4)返回参数

  对于加载后必须继续进行的操作,Load()方法提供了回调函数(回调)。该函数具有3个参数,代表“请求内容”,“请求状态”,“ XMLHTTPREQUEST对象”,代码代码,代码CODEAS如下:

  注意:在LOAD()方法中,无论AJAX请求是否成功,只要需要请求,就会触发回调函数(回调)。

  LOAD()通常从Web服务器获取静态数据文件。如果您需要将某些参数传递到服务器中的页面,则可以使用$ .get()方法和$ .post()方法(或$ .ajax()方法)Essence Essence

  注意:$。get()方法和$ .post()方法是jQuery中的全局函数。

  1)$。get()方法

  $ .Get()方法使用GET方法来提出异步请求。

  结构

  范围

  应用

  以下是评论页面上的HTML代码,该代码通过此代码介绍了$ .get()方法的使用。代码显示如下:

  代码本节生成的页面如图所示:

  填写名称和内容后,您可以提交评论。

  A。首先,您需要确定请求的URL地址。

  b。提交之前,将名称和内容作为参数数据的值传递给背景。

  C。如果服务器收到传输数据并成功返回,则可以通过回调函数在页面上显示返回的数据。

  $ .get()方法的回调函数只有两个参数

  d。数据参数表示请求返回的内容。TextStatus参数表示请求状态,并且只有在数据成功或失败时才能调用回调函数,无论成功或失败如何)。

  e。

  2)$。帖子方法

  它与$ .get()方法的结构和使用相同,但仍然存在以下差异:

  A。GET方法将通过URL传递参数,并且数据将由浏览器缓存,并且邮政方法作为HTTP消息的实体内容发送到服务器(即,在请求正文中包装)。方法高于GET方法。

  b。GET模式具有数据传输数据(通常不大于2KB)的限制,并且POST方法在理论上是无限的。

  C。GET模式与服务器端的POST模式传输的数据不同。在PHP中,可以使用“ $ _GET []获得GET方法的数据,并且可以使用“ $ _POST []”获得邮政方法,并且可以获得邮政方法。可以使用“ $ _request []”获得。

  d。GET方法的传输速度高于邮政方法。

  因为帖子和GET提交的所有数据都可以通过$ _request []获得,只要更改jQuery函数,就可以在GET请求和POST请求之间切换程序。代码如下:

  另外,当使用参数传输load()方法时,请求将通过post发送。因此,您还可以使用load()方法来完成相同的功能。代码如下:

  4. $。getScript()方法和$ .getjson()方法

  1)$。getCrip()方法

  有时,当第一次加载页面时,可以在需要在需要哪个JavaScript文件时动态创建该页面时获得所有JavaScript文件。