原创力文档- 1、本文档共15页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
7、使用Ajax技术实现前后端数据的交互
7.1jQuery-Ajax简介Ajax即异步JavaScript和XML（AsynchronousJavaScriptandXML）。Ajax是与服务器交换数据的技术，在不重载整个网页的情况下，Ajax通过后台加载数据，并在网页上进行显示。实现了对部分网页的更新。
7.2jQuery提供多个与Ajax有关的方法通过jQueryAjax方法，能够使用HTTPGet和HTTPPost从远程服务器上请求文本、HTML、XML或JSON,同时能够把这些外部数据直接载入网页的被选元素中。常用的方法：$.ajax(),$.get(),$.post()。所有方法网址：/jquery/jquery-ref-ajax.html
7.3jQuery-$.ajax()方法学习网址：/jquery/ajax-ajax.html$.ajax({name:value,name:value,...})该参数规定Ajax请求的一个或多个名称/值对。
7.3jQuery-$.ajax()方法案例—前端代码实现用户注册时上传文件(比如图片文件)到服务器。前端$.ajax()代码如图所示。
7.3jQuery-$.ajax()方法案例—后端代码实现用户注册时上传文件(比如图片文件)到服务器。后端php代码如图所示。
7.4jQuery-$.get()方法学习网址：/jquery/ajax-get.html$.get(URL,data,function(data,status,xhr),dataType)$.get()方法使用HTTPGET请求从服务器加载数据。
7.4jQuery-$.get()方法案例—前端代码从后台获取数据到前端。比如获取商品表里的数据。前端$.get()代码如图所示。
7.4jQuery-$.get()方法案例—后端代码从后台获取数据到前端。比如获取商品表里的数据。后端php代码如图所示。
7.5jQuery-$.post()方法学习网址：/jquery/ajax-post.html$.post(URL,data,function(data,status,xhr),dataType)$.post()方法使用HTTPPOST请求从服务器加载数据。
7.5jQuery-$.post()方法案例—前端代码实现用户注册。前端$.post()代码如图所示。
7.5jQuery-$.post()方法案例—后端代码实现用户注册。后端php代码如图所示。
7.6jQuery-$.get()和$.post()方法的比较学习网址：/jquery/jquery-ajax-get-post.html
7.6jQuery-$.get()和$.post()方法的比较
7.6jQuery-$.get()和$.post()方法的比较
文档评论（0）