前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript强化教程——jQuery AJAX 实例

JavaScript强化教程——jQuery AJAX 实例

作者头像
IMWeb前端团队
发布2018-01-08 16:25:33
1.1K0
发布2018-01-08 16:25:33
举报
文章被收录于专栏:IMWeb前端团队IMWeb前端团队

本文作者:IMWeb 王军 原文出处:IMWeb社区 未经同意,禁止转载

本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— jQuery AJAX实例

什么是 AJAX? AJAX = 异步 JavaScript和 XML(Asynchronous JavaScript and XML)。 简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。 使用 AJAX 的应用程序案例:谷歌地图、腾讯微博、优酷视频、人人网等等。 jQuery load() 方法 jQuery load() 方法是简单但强大的 AJAX 方法。 load() 方法从服务器加载数据,并把返回的数据放入被选元素中。 语法: $(selector).load(URL,data,callback); 必需的 URL 参数规定您希望加载的 URL。 可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。 可选的 callback 参数是 load() 方法完成后所执行的函数名称。 这是示例文件("demo_test.txt")的内容:

jQuery and AJAX is FUN!!!

This is some text in a paragraph.

下面的例子会把文件 "demo_test.txt" 的内容加载到指定的

元素中: 示例 $("#div1").load("demo_test.txt"); <!DOCTYPE html>

<html></p> <head> [removed] [removed] [removed] $(document).ready(function(){ $("#btn1").click(function(){ $('#test').load('/example/jquery/demo\_test.txt'); }) }) [removed] </head> <body>

请点击下面的按钮,通过 jQuery AJAX 改变这段文本。

获得外部的内容

</body> </html> 点击进入JS强化教程:[http://www.h5edu.cn/htm/step/h5edu\_44.html](http://www.h5edu.cn/htm/step/h5edu_44.html)

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • jQuery and AJAX is FUN!!!
    • 请点击下面的按钮,通过 jQuery AJAX 改变这段文本。
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档