jQuery下的Ajax调试步骤

站长资源 2024/11/24 佚名

2 0 1

下面通过图文并茂的方式给大家介绍jQuery下的Ajax调试步骤

在Ajax的使用过程中，最舒服的是一步成功，最头痛的是不成功，但是不知道去哪里看错误，然后看到错误之后又是哪里出的问题，所以今天说一下Ajax的使用调试：

先给大家说下项目需求：工具/原料，jQuery.js，编辑器，Chrome浏览器，wamp搭建环境

具体实现方法和步骤请看下文：

第一步：在同一目录下创建ajax.html和ajax.php

第二步：编写ajax.html,注意修改文件编码为utf-8,代码如下：

<!DOCTYPE html>
<html>
 <head>
  <title>Ajax</title>
 </head>
 <body>
  <button onclick="checkAjax()">Ajax Test</button>
 </body>
</html>

在wamp环境下，浏览器运行如图：

第三步：编写ajax.php文件，注意修改文件编码为utf-8,代码如下：

<"Ajax Test";

在wamp环境下，使用浏览器运行如图：

第四步：在ajax.html的head中添加如下代码：

当前ajax.html代码结构如图：

第五步：在wamp环境下，运行Ajax.html,点击Ajax Test按钮，出现如图弹框，说明正常；若没有结果，参考后面的排错方式.

第六步：看到这里，就说明你有错误出现，这之后就说一下排错的方式：

首先，浏览器的空白处鼠标右键-->审查元素，然后看有没有如图2所示的红色‘x'号，有的话就是js的语法错误，点击红色‘x'号，会定位到2，即是错误文件的名称，点击后会定位到3，即语法错误出现的位置或者此位置的前面有错误；若是没有，参考7

第七步：同样的在第6步的基础上，查看Network-->右侧的Ajax.php-->Headers中的信息，若是200 ok，说明文件路径没有问题，若为其他的值，那么就要确定一下php文件的调用路径；即使是200 ok，还要查看Preview选项下的内容，此内容即为php文件的输出内容：以Ajax.php为例，php文件输出的是Ajax Test，在Preview显示的就是Ajax Test。若是Preview输出的是其他内容如图3，说明php文件中有错误。

第八步：以上说了那么多，但是错误的种类还有很多的样式，不能够一一列举。但是总结思路：错误出现了，首先去判断错误是html和php两个文件，哪个文件出的错，然后再去对应的文件中去解决。

其中第4步中的代码可简写：

主要是$.ajax和$.post的使用方式的区别，$.post使用较简单，但是$.ajax更有利于全面掌握理解。

以上内容就是关于jQuery下的Ajax调试步骤详解，希望对大家有所帮助。

jquery_ajax调试,jquery_ajax错误调试,jquery_ajax

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

评论“jQuery下的Ajax调试步骤”

暂无评论...

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒经典版》的玩家都可以获得奖励。

更新日志

2024年11月24日

jQuery下的Ajax调试步骤

Ajax在请求过程中显示进度的简单实现

Ajax异步请求JSon数据(图文详解)

评论“jQuery下的Ajax调试步骤”

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

更新日志

友情链接