前后端数据交互——ajax技术

在实际开发过程中，前端页面通常需要根据后台数据实现动态生成和实时更新，因此如何实现前后端数据交互成了开发过程中的难题。

现将使用ajax技术解决前后端数据的交互：

（1)ajax技术介绍：
ajax一个前后台配合的技术，它可以让javascript发送http请求，与后台通信，获取数据和信息。ajax技术的原理是实例化xml,http对象，使用此对象与后台通信。jquery将它封装成了一个函数$.ajax()，我们可以直接用这个函数来执行ajax请求。
这个对象为向服务器发送请求和解析服务器响应提供了流畅的接口，使得浏览器可以发出HTTP请求与接收HTTP响应，实现在页面不刷新的情况下和服务端进行数据交互。
注意：ajax需要在服务器环境下运行。

(2)ajax()技术从前端传递数据

一、常用参数：
1、url 请求地址
2、type 请求方式，默认是’GET’，常用的还有’POST’
3、dataType 设置返回的数据格式，常用的是’json’格式，也可以设置为’html’
4、data 设置发送给服务器的数据
5、success 设置请求成功后的回调函数
6、error 设置请求失败后的回调函数
7、async 设置是否异步，默认值是’true’，表示异步

示例一：
(mui框架使用ajax技术）

mui.ajax(
'http://192.168.43.119/services/finduser.php', {
   
	type: 'POST',
	headers: {
   'Content-Type': 'application/x-www-form-urlencoded'},
	data: {
   
		'username': loginInfo.account,
		'password': loginInfo.password
	       },
	timeout: 10000,
    success: function(resu)