Chrome 调试AJAX请求返回的JS脚本

　　有时候会使用AJAX请求加载局部的Html页面，这个时候如果想调试局部页面中的js就比较麻烦，现在暂时发现了两种方法。第一种是在js代码中想要断点的地方加debugger，这样代码执行到此处会进入断点。此时你会发现进入断点的js文件名称是VM+数字，关于Chrome的VMJS脚本可以查看这个文档。Chrome VM

B乎的解释

　　除了增加debugger这种略显麻烦的方式外，还有另外一种调试的方式。那就是在脚本首部增加这行代码。

　　//# sourceURL=名字随意起.js

　　经测试，在Chrome下将#更换为@也可以，如果是.Net MVC开发人员，可以使用#的方式或者双@@表示@字符。

　　这行代码的意思大致是将Dom内嵌的js代码映射成单独的js文件，js文件名称就是你随意起的名称。

如图

在Chrome中显示的效果，ManagerMember.js即是映射文件，会出现在no domain下

注意：

//# sourceURL=名字随意起.js

　　上面的代码在js中就是相当于加了个注释，只写 sourceURL=名字随意起.js是不行的必须加上代表注释的//。而且#或者@和sourceURL中间必须有空格。

附：SourceURL详细解释

原文地址：https://www.cnblogs.com/-lyl/p/11600667.html

时间： 2024-11-07 11:14:07

Chrome 调试AJAX请求返回的JS脚本的相关文章

ajax请求返回Json字符串运用highcharts数据图表展现数据

[1].[图片] Json字符串和highcharts数据图表展现.jpg 跳至 [1] [2] [2].[代码] Json字符串和highcharts数据图表展现跳至[1] [2] 001 /* 002 * Filename: OQtyOrPriceReport.js 003 * Description:客户订单数量和价格报表分析 004 * Created: 2013.11.14 005 * Author : liangjw 006 * Company:Copyright (C) 2013

ajax请求返回数据，模板中的数据处理

/*ajax请求返回数据,模板中的数据处理*/ function QueryGameAsset(){ var new_start_time=$('#new_start_time').val();//开始时间 var new_end_time=$('#new_end_time').val();//结束时间 if(!new_start_time||!new_end_time){ alert("时间不能为空"); return false; } $.ajax({ url:'/Statisti

Ajax请求返回Json数据

介绍一下用Ajax向服务器请求数据的方法,以及对于返回的Json数据的使用. 1 $.ajax({ 2 type:"post", 3 async:false, 4 url: ******** 5 data:{"province":$("#provice").val(), 6 "city":$("#city").val(), 7 "area":$("#area").va

SpringMVC使用Ajax请求返回中文乱码

前言: 最近在写一个JavaWeb后台时采用了spring+MyBatis+MySQL的方式.记录下遇到的关键问题接口返回数据相关使用@ResponseBody后返回NUll 说明:刚把后台运行起来,兴高采烈的测试接口数据,结果无论如何都是返回null, 最终通过各种百度,发现原来是没有引入关键的Jar包. 解决办法: 需要引入jackson的jar包(jackson core和jackson mapper),引入后图: 使用@RequestMapping返回中文乱码原因分析:(网上基本

jquery发送ajax请求返回数据格式

1 jquery向服务器发送一个ajax请求后,可以返回多种类型的数据格式,包括:html,xml,json,text等. 2 3 1.html格式的数据 4 5 "<div class='comment'><h6> "+username+" :</h6><p class='para'> "+content+" </p></div>" 6 7 服务器端返回数据格式是html片

ajax请求返回map，并遍历

最近老用到ajax请求数据,但是每次都遇到一点梗,浪费了些许时间,所以记录下来. $.ajax({ type: "POST", url: "<%=path%>/account/queryRolesAndGroups.action", data: "enterpriseId="+eid, success: function(msg){ var obj=eval("(" + msg + ")");

ajax请求的原生js实现

我们使用ajax请求一般都用的jQuery, axios封装好了的api, 那么如果只能用原生js, 我们该如何操作了? 上代码. 我们在同目录下写好一个json文件(data.json)用于请求测试 1 const ajax = function() { 2 var ajaxData = { 3 type: arguments[0].type || 'GET', 4 url: arguments[0].url, 5 async: arguments[0].async || true, 6 da

AJAX请求返回HTTP 400 错误 - 请求无效 (Bad request)

在ajax请求后台数据时有时会报HTTP400错误-请求无效(Badrequest);出现这个请求无效报错说明请求没有进入到后台服务里: 原因: 1)前端提交数据的字段名称或者是字段类型和后台的实体类不一致,导致无法封装: 2)前端提交的到后台的数据应该是json字符串类型,而前端没有将对象转化为字符串类型: 3)少传参数,后台要求必传的参数解决方案: 1)对照字段名称,类型保证一致性 2)使用stringify将前端传递的对象转化为字符串data:JSON.stringify(param);

解决nockout.js Ajax请求返回的结果，Model不能更新

由于Ajax返回之后需要重新问nockout相关属性赋值,首先属性应该被定义为observable属性,在Ajax返回值之后需要重新bind,代码如下: <script type="text/javascript"> function ViewModel() { var self = this; self.email = ko.observable(); self.password = ko.observable(); self.username = ko.observab