>> 欢迎您 客人: 登录 | 注册 | 在线 | 搜索 | 风格 | 帮助 | 统计 | 文章 返回首页
>>分享Web前端开发技术，并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
Java技术网站 → 『 Java开发技术 』 → 『 Web前端开发技术专题 』 → jQuery与AJAX的整合简介
发表一个新主题 开启一个新投票 回复文章 您是本文章第 26490 个阅读者 刷新本主题
 * 贴子主题:  jQuery与AJAX的整合简介 回复文章 点赞(0)  收藏  
作者:flybird    发表时间：2020-02-02 23:15:07     消息  查看  搜索  好友  邮件  复制  引用
  

jQuery与AJAX的整合简介

  AJAX 是与服务器交换数据的技术，它在不重载全部页面的情况下，实现了对部分网页的更新。

jQuery AJAX 范例

$(document).ready(function(){

  $("button").click(function(){

    $("#div1").load("/try/ajax/demo_test.txt");

  });

});

什么是 AJAX？

AJAX = 异步 JavaScript 和 XML（Asynchronous JavaScript and XML）。

简短地说，在不重载整个网页的情况下，AJAX 通过后台加载数据，并在网页上进行显示。

使用 AJAX 的应用程序案例：谷歌地图、腾讯微博、优酷视频、人人网等等。

关于 jQuery 与 AJAX

jQuery 提供多个与 AJAX 有关的方法。

通过 jQuery AJAX 方法，您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON - 同时您能够把这些外部数据直接载入网页的被选元素中。

    
点击在新窗口中浏览原图 CTRL+鼠标滚轮放大或缩小 如果没有 jQuery，AJAX 编程还是有些难度的。

编写常规的 AJAX 代码并不容易，因为不同的浏览器对 AJAX 的实现并不相同。这意味着您必须编写额外的代码对浏览器进行测试。不过，jQuery 团队为我们解决了这个难题，我们只需要一行简单的代码，就可以实现 AJAX 功能。





程序猿的技术大观园：www.javathinker.net



[这个贴子最后由 flybird 在 2020-02-02 23:15:07 重新编辑]
Java精品书籍推荐
Java最新视频教程推荐
  Java面向对象编程-->Java常用类（上）
  JavaWeb开发-->Servlet技术详解（Ⅱ）
  JSP与Hibernate开发-->Java应用分层架构及软件模型
  Java网络编程-->用Spring整合CXF发布Web服务
  精通Spring-->Vue组件开发高级技术
  Vue3开发-->通过Axios访问服务器
本站其他相关文章
  axios 发 post 请求，后端接收不到参数的解决方案
  web前端工程师面试题的知识考点盘总
  Vue自定义数据验证指令
  总结：Vue的生命周期钩子函数的调用时机
  js判断上传图片大小及尺寸
  前端面试题及答案汇总
  vue实现Word或Excel文档导出的功能，转换文件名乱码或者json...
  JavaScript中数组的常用方法（含ES6）
  一看就懂得移动端rem布局、rem如何换算
  JavaScript中的HTML DOM Label 对象
  HTML DOM Radio 单选按钮对象
  CSS3的响应式 Web 设计：媒体查询
  CSS3 文本效果
  JavaScript 正则表达式
  JavaScript 对象 的创建和使用
  更多...
 IPIP: 已设置保密
楼主      
共1页 0条记录 当前第1页
发表一个新主题 开启一个新投票 回复文章

中文版权所有： JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶，分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权，请与本站管理员联系。