使用 JQuery 实现网页对后台的异步请求。可以使用 get 和 post 两种方式。

get 方式：

$.get("demo.php", 
	{ 
		query: "ink",
	},
	function(data){
		console.log("data: ", data);
	}
);

post 方式：

$.post("demo.php", 
	{ 
		query: "ink",
	},
	function(data){
		console.log("data: ", data);
	}
);

在两种方式在使用上好像并没有什么区别。实际上，get 适合提交少量的参数，post 可以提交大量的参数。/有疑问/

如果向后台拉取静态数据，最好用 get，如果要提交图片给后台，用 post。

这个函数是异步执行的，什么时候服务器返回了结果就什么时候执行。因此网页的其它脚本不会因为服务器的延时而阻塞。

function(data)

异步执行可以认为新开了一个线程，这个线程负责接收服务器的返回数据，而不会阻塞主线程的执行。

在有的时候这很有用，例如，当用户访问页面时希望进行浏览统计，包括获取用户的 ip 和城市，并且插入数据库，甚至给管理员发送邮件。这些操作显然需要时间，如果使用异步执行，就不会影响页面的效果。当用户点击按钮时，同样可以使用异步执行进行分析，而不会影响用户体验。

获取网址中的参数

如何使用 javascript 获取网址中的参数，参考：https://www.runoob.com/w3cnote/js-get-url-param.html

/有疑问/

https://www.runoob.com/ 是一个优秀的教程网站，请好好使用它！

既然可以使用 javascript 获取网址的参数，那么所有的页面都可以写成 .html 的形式。/有疑问/

然后结合 JQuery 的 get/post 方法与后台进行数据交互，这样能使前端后端很好地分开。对于前端编程来说，只需要视后端程序为接口，使用 JQuery 进行调用即可。

前端与后端的数据交互