Javascript XMLHttpRequest和Jquery $.ajax都返回当前页面的HTML代码 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

jQuery Ajax 全解析

jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。...下面的get()和post()示例使用的是绝对路径，所以在FF下你将会出错并不会看到返回结果。还有get()和post()示例都是跨域调用的，发现传上来后没办法获取结果，所以把运行按钮去掉了。...在jQuery这里有两种Ajax事件：局部事件和全局事件。..."html": 返回纯文本 HTML 信息；包含 script 元素。 "script": 返回纯文本 JavaScript 代码。不会自动缓存结果。 "json": 返回 JSON 数据。...请认真阅读上面的参数列表，如果你要用jQuery来进行Ajax开发，那么这些参数你都必需熟知的。

10.9K1 0

前端必知的ajax

jQuery 1.2 中，可以指定选择符，来筛选载入的 HTML 文档，DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector"。...当然这里捕捉不到error，因为error的时候根本不会运行该回调函数 //alert(this); }); 点击发送请求： jQuery.get()回调函数里面的 this ，指向的是Ajax请求的选项配置信息...jQuery 代码: $.getScript("AjaxEvent.js", function(){ alert("AjaxEvent.js 加载完成并执行完成.你再点击上面的Get或Post按钮看看有什么不同...$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该对象，但特殊情况下可用于手动终止请求。..."html": 返回纯文本 HTML 信息；包含 script 元素。 "script": 返回纯文本 JavaScript 代码。不会自动缓存结果。 "json": 返回 JSON 数据。

4.2K4 0

您找到你想要的搜索结果了吗？

是的

没有找到

jQuery ajax() 方法

jQuery.getScript() 使用 HTTP GET 请求从服务器加载 JavaScript 文件，然后执行该文件。 .load() 从服务器加载数据，然后把返回到 HTML 放入匹配元素。...Ajax 实例 jQuery是一个轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。...下面的get()和post()示例使用的是绝对路径，所以在FF下你将会出错并不会看到返回结果。还有get()和post()示例都是跨域调用的，发现传上来后没办法获取结果，所以把运行按钮去掉了。...html": 返回纯文本 HTML 信息；包含 script 元素。"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。"json": 返回 JSON 数据。"...请认真阅读上面的参数列表，如果你要用jQuery来进行Ajax开发，那么这些参数你都必需熟知的。

4.4K6 0

初学者必看Ajax的总结

第一张图尤其说明了传统 Web 应用程序的结构与采用了 AJAX 技术的 Web 应用程序的结构上的差别主要的差别，其实不是 JavaScript，不是 HTML/XHTML 和 CSS，而是采用了...在异步请求远程数据时的工作流程谈谈 JSONP 要访问 web 服务器的数据除了 XMLHttpRequest 外还有一种方法是 JSONP 如果 HTML 和 JavaScript 与数据同时在同一个机器上...3 层是$.getScript() 、$.getJSON() ，第 2 层使用频率很高 load()方法 load()方法是 jquery 中最简单和常用的 ajax 方法，能载入远程 HTML 代码并插入...可用的类型如下xml:返回 XML 文档，可用 jquery 处理html:返回纯文本的 HTML 信息，包含的 script 标签也会在插入 DOM 时执行script：返回纯文本的 javascript...请求完成后的回调函数（请求成功或失败时都调用）参数：XMLHttpRequest 对象和一个描述成功请求类型的字符串function(XMLHttpRequest,textStatus){this;/

3.6K4 0

jQuery ajax - ajax() 方法jQuery ajax - ajax() 方法

该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。...提供 data 和 type 两个参数：data 是 Ajax 返回的原始数据，type 是调用 jQuery.ajax 时提供的 dataType 参数。...可用值: "xml": 返回 XML 文档，可用 jQuery 处理。 "html": 返回纯文本 HTML 信息；包含的 script 标签会在插入 dom 时执行。...传入 XMLHttpRequest 对象，以及一个包含成功或错误代码的字符串。数据类型 $.ajax() 函数依赖服务器提供的信息来处理返回的数据。...如果指定为 html 类型，任何内嵌的 JavaScript 都会在 HTML 作为一个字符串返回之前执行。

16.9K3 0

ajax 使用与缓存问题

+new Date();，[总之就是使每次访问的URL字符串不一样的] 　　设计WEB页面的时候也应该遵守这个原则 2:一.谈Ajax的Get和Post的区别 Get方式: 用get方式可传送简单数据...$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该对象，但特殊情况下可用于手动终止请求。...如果不指定，jQuery 将自动根据 HTTP 包 MIME 信息返回 responseXML 或 responseText，并作为回调函数参数传递，可用值: "xml": 返回 XML 文档，可用 jQuery..."html": 返回纯文本 HTML 信息；包含 script 元素。 "script": 返回纯文本 JavaScript 代码。不会自动缓存结果。 "json": 返回 JSON 数据。...请认真阅读上面的参数列表，如果你要用jQuery来进行Ajax开发，那么这些参数你都必需熟知的。

3.3K2 0

Ajax是技术还是框架？走进Ajax的前世今生

DHTML革命：动态HTML(Dynamic HTML，DHTML) 结合HTML 层叠式样式表(Cascading Style sheets,CSS),JavaScript,DOM。...尽管原来把Ajax 认为是Asynchronous JavaScript + XML (异步 JavaScript + XML)的缩写,但如今,这个词的覆盖面有所扩展,把允许浏览器与服务器通信而无需刷新当前页面的技术都涵盖在内...通过异步通信，允许浏览器与服务器通信而无需刷新当前页面的技术。...在开发中有很多的应用场景，比如下面的一些场景动态加载列表框创建自动刷新页面：创建工具提示：动态更新Web页面 jQuery对Ajax的实现：通过jQuery Ajax方法，能够使数据HTTP...ajax()方法：jQuery的底层实现，.ajax()方法返回其创建的XMLHttpReuqst对象，大多数无需操作该对象，特殊情况手动终止。

5.5K2 0

jQuery封装的AJAX使用

，（默认为当前页地址）发送请求的地址。...可用的类型如下： xml：返回XML文档，可用JQuery处理。 html：返回纯文本HTML信息；包含的script标签会在插入DOM时执行。 script：返回纯文本JavaScript代码。...在beforeSend中如果返回false可以取消本次ajax请求。XMLHttpRequest对象是惟一的参数。...参数：XMLHttpRequest对象和一个描述成功请求类型的字符串。...data是Ajax返回的原始数据，type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。

4.1K6 0

jquery中ajax参数说明

jquery中的ajax方法参数总是记不住，这里记录一下。 1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。...可用的类型如下： xml：返回XML文档，可用JQuery处理。 html：返回纯文本HTML信息；包含的script标签会在插入DOM时执行。...script：返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。注意在远程请求时（不在同一个域下），所有post请求都将转为get请求。...data是Ajax返回的原始数据，type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。 ...提供data和type两个参数。data是Ajax返回的原始数据，type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。

2.7K8 0

ajax 写法_常见词缀汇总

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 AJAX 不是新的编程语言，而是一种使用现有标准的新方法。...AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。 AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。...如果不指定，JQuery将自动根据http包mime信息返回responseXML或responseText，并作为回调函数参数传递。可用的类型如下：xml：返回XML文档，可用JQuery处理。...html：返回纯文本HTML信息；包含的script标签会在插入DOM时执行。script：返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。...ajax事件函数如下： function(XMLHttpRequest, textStatus, errorThrown){ //通常情况下textStatus和errorThrown只有其中一个包含信息

1.6K1 0

AJAX开发教程之$.ajax常用方法详解

AJAX 是一种与服务器交换数据的技术，可以在补充在整个页面的情况下更新网页的一部分。接下来通过本文给大家介绍ajax一些常用方法，大家有需要可以一起学习。...html：返回纯文本HTML信息;包含的script标签会在插入DOM时执行。 script：返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。...参数：XMLHttpRequest对象和一个描述成功请求类型的字符串。...data是Ajax返回的原始数据，type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。...提供data和type两个参数。data是Ajax返回的原始数据，type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。

2K5 0

$.ajax()方法详解

jquery中的ajax方法参数总是记不住，这里记录一下。 1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。...html：返回纯文本HTML信息；包含的script标签会在插入DOM时执行。 script：返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。...13.dataFilter：要求为Function类型的参数，给Ajax返回的原始数据进行预处理的函数。提供data和type两个参数。...data是Ajax返回的原始数据，type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。 ...提供data和type两个参数。data是Ajax返回的原始数据，type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。

2.3K2 0

jquery中ajax参数详解

提供 data 和 type 两个参数：data 是 Ajax 返回的原始数据，type 是调用 jQuery.ajax 时提供的 dataType 参数。...可用值: "xml": 返回 XML 文档，可用 jQuery 处理。 "html": 返回纯文本 HTML 信息；包含的 script 标签会在插入 dom 时执行。...这是一个 Ajax 事件。 traditional 类型：Boolean 如果你想要用传统的方式来序列化数据，那么就设置为 true。请参考工具分类下面的 jQuery.param 方法。...传入 XMLHttpRequest 对象，以及一个包含成功或错误代码的字符串。数据类型 $.ajax() 函数依赖服务器提供的信息来处理返回的数据。...如果指定为 html 类型，任何内嵌的 JavaScript 都会在 HTML 作为一个字符串返回之前执行。

3.1K3 0

详细解读Jquery各Ajax函数：$.get(),$.post(),$.ajax(),$.getJSON()

html,xml,json等类型，如果我们设置这个参数为：json，那么返回的格式则是json格式的，如果没有设置，就和$.get()返回的格式一样，都是字符串的。...你甚至可以通过制定ID来实现载入部分内容的Ajax操作，如： $('#ajax-div').load('data.html#my-section'); 实现GET和POST方法 get( url,...“html”: 返回纯文本 HTML 信息；包含 script 元素。 “script”: 返回纯文本 JavaScript 代码。不会自动缓存结果。 “json”: 返回 JSON 数据。...下面的例子中，我们用ajax()来调用一个XML文档： $.ajax({ url: 'doc.xml', type: 'GET', dataType: 'xml', timeout...对象了，你可以用find()、next()或XPath等方法在里面寻找节点，和用jQuery操作HTML对象没有区别 } }); 进一步了解AJAX事件前面讨论的一些方法都有自己的事件处理机制

5.3K10 0

jquery ajax参数详解

提供data和type两个参数：data是Ajax返回的原始数据，type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。...可用值: “xml”: 返回 XML 文档，可用 jQuery 处理。 “html”: 返回纯文本 HTML 信息；包含的script标签会在插入dom时执行。...“script”: 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了"cache"参数。’’‘注意：’’'在远程请求时(不在同一个域下)，所有POST请求都将转为GET请求。...通常只在本地和远程的内容编码不同时使用。 statusCode 默认: {} 一组数值的HTTP代码和函数对象，当响应时调用了相应的代码。...注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。 url type:String (默认: 当前页地址) 发送请求的地址。

4K1 0

JavaWeb全栈开发前后端交互通用标准

当前端在调用数据接口时，发现有些数据不是我们想要的，那么前端应该怎么办把请求的URL和返回的数据以及在页面的展示的情况给后台看。...Ajax AJAX = 异步 JavaScript 和 XML。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。...如果要让用户留在当前页面中，同时发出新的HTTP请求，就必须用JavaScript发送这个AJAX请求，接收到数据后，再用JavaScript更新页面，这样一来，用户就感觉自己仍然停留在当前页面，但是数据却可以不断地更新...").html(htmlobj.responseText); }); }); HTML 代码： Let AJAX change this text Change Content AJAX load...click(function(){ $('#test').load('/example/jquery/demo_test.txt'); }) }) HTML 代码：请点击下面的按钮

8.6K2 0

30分钟全面解析-图解AJAX原理

2.AJAX的概念： 1.AJAX = 异步 JavaScript 和 XML。 2.AJAX 是一种用于创建快速动态网页的技术。 3.通过在后台与服务器进行少量数据交换，可以使网页实现异步更新。...看下面的例子：　　当我们切换DropDownList中的Item时，JavaScript发送异步请求给Server端，Server端返回数据，然后JavaScript将数据解析出来，拼接了一个Table...三、AJAX提交请求和服务响应的原理 1.代码客户端HTML代码： <!...等等） statusText 服务器返回的状态文本信息，HTTP状态码的相应文本（OK或Not Found（未找到）等等）五、JQuery实现AJAX 下面的代码实现了当切换DropDownList...页面的内容全部由JAVAScript来控制，服务端负责逻辑的校验和从数据库中拿数据。

4.3K12 1

JAVA—— AJAX

1.2、原生JS实现AJAX 1.3、原生JS实现AJAX详解核心对象：XMLHttpRequest 用于在后台与服务器交换数据。...1.4、JQuery的GET方式实现AJAX 1.5、JQuery的POST方式实现AJAX 1.6、JQuery的通用方式实现AJAX 1.7、小结 AJAX(Asynchronous JavaScript...callback：当请求成功后的回调函数，可以在函数中编写我们的逻辑代码。 type：预期的返回数据的类型，取值可以是 xml, html, js, json, text等。...dataType：预期的返回数据的类型，取值可以是 xml, html, js, json, text等。 success：请求成功时调用的回调函数。 error：请求失败时调用的回调函数。...根据当前页和每页显示的条数来请求查询分页数据。当前页码+1。服务器获取请求参数(当前页,每页显示的条数)。根据当前页码和每页显示的条数，调用业务层的方法，得到分页 Page 对象。

3.7K3 0

Ajax等待返回结果时,弹出一个友好的等待提示

巧用Ajax的beforeSend 提高用户体验 jQuery是经常使用的一个开源js框架，其中的$.ajax请求中有一个beforeSend方法，用于在向服务器发送请求前执行一些动作。...具体可参考jquery官方文档：http://api.jquery.com/Ajax_Events/ [html] view plain copy print?...javascript"> function test_ajax(){ $.ajax( { type:"GET"...默认是：GET url:"a.php",//(默认: 当前页地址) 发送请求的地址 dataType:"html",//预期服务器返回的数据类型。 ...你无法同时执行success和error两个回调函数。

4.7K1 0

快速学习-登录功能实现-页面中错误提示

其本身是一个动态网页技术标准，它的主要构成有HTML网页代码、Java代码片段、JSP标签几部分组成，后缀是.jsp 相比于Servlet，JSP更加善于处理显示页面，而Servlet跟擅长处理业务逻辑...④ pageContext（PageContext）：当前页面的上下文，也是一个域对象。...XMLHttpRequest对象用来封装请求报文，我们向服务器发送的请求信息全部都需要封装到该对象中。...7.4.4 使用JQuery框架来发送异步请求 JQuery是当前比较主流的 JavaScript 库，封装了很多预定义的对象和实现函数，帮助使用者建立有高难度交互的页面，并且兼容大部分主流的浏览器....ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性。

2.6K3 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭