AJAX请求和响应

最新推荐文章于 2024-04-23 11:45:56 发布

Chuxiangming1993

最新推荐文章于 2024-04-23 11:45:56 发布

阅读量2.5k

点赞数

分类专栏： JavaWeb开发文章标签： Java Web ajax 经验

本文链接：https://blog.csdn.net/Chuxiangming1993/article/details/51028924

版权

JavaWeb开发专栏收录该内容

2 篇文章 0 订阅

订阅专栏

AJAX请求和响应

本文总结AJAX请求和响应的相关经验

AJAX（Asynchronous JavaScript and XML，异步JS和XML，即在不重载整个页面的情况下，AJAX通过后台加载数据，并在网页上展示。使用jQuery + AJAX可以使用简单的Java方法实现发送请求和接受响应，响应格式为JSON、HTML或XML的String。

1. 请求静态内容：$(selector).load(URL, data, callback(responseTxt, statusTxt, xhr));

URL	必需	请求的url
Data	可选	与请求一起发送的查询参数
Callback	可选	执行完成后的回调函数
responseTxt	可选	包含调用成功时的结果内容
statusTxt	可选	包含调用状态
xhr	可选	XMLHttpRequest对象

2. GET/POST方法

GET方法：向指定的资源请求数据，基本上用于从服务器获得（取回）数据，可返回缓存数据。$.get(URL,callback());

POST方法：向指定的资源提交要处理的数据，不会返回缓存数据。$.post(URL,data,callback());

请求的data可以这么写：

{

Key1:”value1”,

Key2:”value2”,

……

KeyN:”valueN”

}

回调函数callback(data,status)中，data是返回的数据，status是网络响应状态。

3. $.ajax方法

这个方法比前两个方法都好，都灵活，是jQuery封装的AJAX方法，一般AJAX底层需要定义一个XMLHttpRequest对象，通过这个对象的方法来进行AJAX请求和处理响应。但是$.ajax方法（以及前两个方法）可以把这个对象的操作封装起来，减少代码量。

几个注意的地方：

@ResponseBody的使用

用来标注Controller的某个方法，用来处理ajax请求，和@RequestMapping一起使用，@ResponseBody使这个方法返回后，Http请求不去找Model和View更新数据，而是直接把返回值作为响应发给$.ajax方法回调函数的参数。这个参数可以是Object，但最好是String类型，格式最好是Text,Html,Xml或JSON的序列化字串，省去不必要的麻烦。、

脚本创建新元素（动态元素）的事件绑定

较新版本的jQuery不支持.live()!!!

W3SCHOOL上的教程没有更新，现在所有绑定未来元素的方法都建议使用.on()，而且！！！

在绑定动态元素的时候，元素选择器不能直接选择未来的元素id（或者类、名称），而是应该写成$(document).on(“事件”,$selector,function(){})，在编译的时候还没有这个元素呢，只能绑定他的祖先节点（其实绑定父节点也可以，不过还是按规定写吧）。这就好比，一个爸爸在还没有孩子的时候，他的哥们儿不能直接找到他还没出生的孩子说：叫我叔叔，而只能盯着这个爸爸，他啥时候有孩子了，让他的孩子叫叔叔。

响应中文乱码问题

总结一下AJAX的中文乱码问题。分为几种情况：

1. 前端页面显示结果的时候出现乱码（V端）

查看页面编码格式，这个问题一般不会出现，配置的时候就统一了。

2. 请求的过程中到C端，参数为乱码（与4有一种相同情况，一定要看！）

<beanclass="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter">
    <propertyname="messageConverters">
        <list>
            <beanclass="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter"/>
            <beanclass="org.springframework.http.converter.StringHttpMessageConverter">
                <propertyname="supportedMediaTypes">
                    <list>
                        <value>text/plain;charset=UTF-8</value>
                    </list>
                </property>
            </bean>
        </list>
    </property>
</bean>

以及：

<filter>
   <filter-name>CharacterEncodingFilter</filter-name>
   <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
   <async-supported>true</async-supported>
   <init-param>
      <param-name>encoding</param-name>
      <param-value>UTF-8</param-value>
   </init-param>
   <init-param>
      <param-name>forceEncoding</param-name>
      <param-value>true</param-value>
   </init-param>
</filter>