鸟菜呀鸟菜，入门级ajax调用-优快云博客

本文链接：https://blog.youkuaiyun.com/Robert_mm/article/details/8607561

web前端的东西还是写的不多，大多是基本的HTML和简单的JS还可以写一些。本周写了一个很简单的ajax页面调用，在这里简单记录一下，下次不用找前端同学帮忙了，简单的自己搞定。

落实到代码还是很简单的：jQuery.post( url, [data], [callback], [type] )

url:为要发起请求的地址，String类型

data:发送的参数，Map形式，参数名称：参数值

callback：当成功返回时的回调函数，

type:文件传出格式，包括json/xml/html

$.post("getMoreServices.htm",  { pageNum: encodeURIComponent(pageNum)},
			  function(data) {
				  data=decodeURIComponent(data);
				  $('#J_service_list').append(data);
	 });

该方法主要功能：向getMoreServices.htm发送请求，返回页码为pageNum页面内容，如果返回成功则添加至已有列表之后。

url:getMoreServices.htm 请求的目标地址

data:{pageNum:encodeURICompnet(pageNum)}, pageNum值是从外部的Dom中取出的

callback: function(data) 当成功返回时，将数据追加到J_service_list对象后面

encodeURIComponent方法将url中参数进行转义，具体和encodeURI区别请看： http://www.w3school.com.cn/js/jsref_encodeURIComponent.asp

在服务器端getMoreServices.java中，要将已经encode的参数decode:

pageNum =   URLDecoder.decode(pageNum,"UTF-8");

这样我们就可获得每次请求中的pageNum。

当请求成功时，返回的data数据也同样被encode过的，所以需要再对其decode,然后再追加到已有dom结构中。

以上就是最简单的ajax请求，当然jquery为我们封装了大量的底层细节。今天就到这里吧，先入门再深入。