Ajax异步请求技术示例说明

AJAX的全称是异步JavaScript和XML。

AJAX不是一种新的编程语言，而是一种使用现有标准的新方式。Ajax是一种与服务器交换数据并更新一些网页而无需重新加载整个页面的艺术。

Ajax是一种无需重新加载整个网页就能更新部分网页的技术。

Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器交换少量数据。Ajax可以让网页异步更新。这意味着可以更新网页的一部分，而无需重新加载整个网页。传统的网页(没有ajax)如果需要更新内容，必须重新加载整个网页。

在Web应用开发过程中，行业对前后分界线似乎没有明确的概念，但大多数人把浏览器作为前后分界线。浏览器中为用户显示页面的部分称为前端，而所有在服务器上运行并为前端提供业务逻辑和数据准备的代码统称为后端。

虽然前端分离在几年前就受到重视，但很多人只听到它的声音，却看不到它的形状，所以对它有一些误解，误以为前端分离只是Web应用的一种开发模式。只要在Web应用的开发期间进行前端和后端开发的分工，就叫做前端分离。

实际上，情况并非如此。准确地说，前端分离不仅仅是一种开发模式，而是Web应用程序的架构模式。在开发期，前后工程师可以通过约定交互界面实现并行开发；在运行时，前端分离模式需要分离和部署Web应用程序，前端和后端使用HTTP请求进行交互。

1.JSON解析

JSON是一种轻量级的数据交换格式。JSON采用完全独立于语言的文本格式，这使得JSON成为一种理想的数据交换语言。便于人们读写，也便于机器分析和生成。简单来说，JSON可以将JavaScript对象中表示的一组数据转换成字符串，然后在函数之间轻松传递这个字符串，或者在异步应用中将字符串从Web客户端传递到服务器端程序。

二、Ajax接口调用

前端和后端的分离是指用JSON在前端和后端之间进行通信，用API作为契约在两个开发团队之间进行交互，使用JSON字符串，然后在异步应用中将字符串从Web客户端传递到服务器端程序。研究的这一部分是如何从前台向后台发起一个Ajax请求，并在得到服务器的数据响应后更新首页。

第三，php背景

PHP是一种流行的通用脚本语言，特别适合web开发。Php语言具有以下特点：

1.与LAMP(Linux /Apache/Mysql/PHP)或FAMP(FreeBSD/Apache/Mysql/PHP)等众多免费平台结合使用，跨平台、性能优越、省钱，或者如果数据应用足够大，可以考虑更换PostgreSQL或Oracle来支持n种数据库。(N=10)

2.语法简单，很容易学习C和Perl，类似于ASP。有成熟的开发工具，比如NuPHPed或者Zend Studio，在Linux平台下可以使用Eclipse。

3.目前主流技术支持，如WebService、Ajax、XML等。这对于应用来说是足够的。

4.成熟的框架有很多，比如MVC支持框架：phpMVC，类ASP.net事件驱动框架：Prado，类Ruby On Rails快速开发框架：Cake等。这足以满足您的应用程序要求。

5.PHP 5拥有成熟的面向对象系统，能够满足基本的面向对象需求。适合开发大型项目。

这部分主要研究如何搭建一个php服务器，掌握php的基本语法，通过php生成一个动态网页，掌握如何使用PHP完成一个标准化的接口，最后将JSON数据返回到前台。

四.数据库

数据库是根据数据结构组织、存储和管理数据的仓库。每个数据库都有一个或多个不同的API，用于创建、访问、管理、搜索和复制存储的数据。我们也可以将数据存储在文件中，但是在文件中读写数据相对较慢。

MySQL是一个关系数据库管理系统，由瑞典MySQL AB公司开发，现隶属于Oracle公司。MySQL是一个关系数据库管理系统，将数据保存在不同的表中，而不是将所有的数据都放在一个大仓库中，从而增加了速度和灵活性。

Mysql是开源的，所以不用额外付费。

MySQL支持大型数据库。它可以处理具有数千万条记录的大型数据库。

MySQL使用标准的SQL数据语言形式。

MySQL可以在多个系统上被允许，并且支持多种语言。这些编程语言包括C、C、Python、Java、Perl、PHP、埃菲尔、Ruby和Tcl。

MySQL对PHP有很好的支持，PHP是目前最流行的Web开发语言。

MySQL支持5000万条记录的大型数据库和数据仓库。32位系统支持的最大表文件为4GB，64位系统支持的最大表文件为8TB。

这部分主要研究数据的添加、删除和修改操作，最后通过php访问数据中的数据，然后使用对前台的响应。

动词（verb的缩写）Ajax跨域

因为在工作中需要使用AJAX来请求其他域名下的请求，但是，访问将被拒绝，因为AJAX只能访问本地资源，出于安全原因不能跨域访问。

解决方案1:

“XHR2”全称“XMLHttpRequest Level2”，是HTML5提供的一种方法，为跨域访问提供了很好的支持，并且有一些新的功能。

*不支持ie10以下的版本

*只需在服务器的标题中添加以下两句话：

标头('访问控制-允许-原始： * ')；标题('访问控制-允许-方法：发布，获取')；解决方案2:

JSONP(JSON with Padding)是一个非官方协议，允许在服务器端集成Script标签并返回到客户端，跨域访问以javascript回调的形式实现(这只是JSONP的一种简单实现形式)。

由于同源策略的限制，XmlHttpRequest只允许请求当前源的资源(域名、协议、端口)。为了实现跨域请求，可以通过脚本标签实现跨域请求，然后在服务器端输出JSON数据并执行回调函数，从而解决跨域数据请求。

摘要

以上是边肖介绍的Ajax异步请求技术的一个例子，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！