jquery的函数实现Ajax
Ajax实现方式
1、$.ajax()
2、$.get()
3、$.post()
4、$.getJSON()
5、$("#form1").serialize()
1、$.ajax()
$.ajax() 是 jQuery 中 AJAX 请求的核心方法，所有的其他方法都是在内部使用此方法。
语法：
$.ajax( { name:value, name:value, ... } )
属性：
| 属性 | 表示含义 |
| async | 布尔类型值，表示请求是否异步，默认值是true。可以不写 |
| url | 表示请求的地址 |
| type | 表示请求的类型 GET | POST |
| data | 表示发送给服务器的数据 格式有两种： 1、name=value1&age=value2 2、{name:value1, age:value2} |
| success | 请求成功，响应的回调函数 success:function (data) { //data是回调时传回来的参数 |
| error | 请求失败，响应的回调函数 |
| dataType | 响应的数据类型 可以是JSON、test、xml，不过json比较使用多 |
案例代码演示：
html页面：
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
Title
姓名:
体重（kg）
身高(米)
servlet：
package cn.com.Ycy.Ajav;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
@WebServlet("/bmiAjax")
public class AjaxServlet extends HttpServlet {@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {super.doGet(req,resp);}@Overrideprotected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {resp.setCharacterEncoding("utf-8");String name = req.getParameter("name");String weight = req.getParameter("weight");String height = req.getParameter("height");float w = Float.parseFloat(weight);float h = Float.parseFloat(height);float bmi = w / (h * h);String msg = "";if (bmi < 18.5) {msg = ""+name+"比较廋";} else if (bmi > 18.5 && bmi <= 23.9) {msg = ""+name+"的bmi是正常的";} else if (bmi <= 27 && bmi > 23.9) {msg =""+name+"比较胖";}else {msg=""+name+"特别胖哦";}System.out.println(msg);System.out.println("sbsb");resp.getWriter().write(msg);}
}
2、$.get()
| 属性 | 含义 |
| url | 表示请求的地址 |
| data | 表示发送给服务器的数据 格式有两种： 1、name=value1&age=value2 2、{name:value1, age:value2} |
| callback | 请求成功，响应的回调函数 |
| dataType | 响应的数据类型 可以是JSON、test、xml，不过json比较使用多 |
更简化代码了
3、$.post()
| 属性 | 含义 |
| url | 表示请求的地址 |
| data | 表示发送给服务器的数据 格式有两种： 1、name=value1&age=value2 2、{name:value1, age:value2} |
| callback | 请求成功，响应的回调函数 |
| dataType | 响应的数据类型 可以是JSON、test、xml，不过json比较使用多 |
代码演示
4、$.getJSON()
通过HTTP GET请求，请求载入JSON数据，请求方式和回调数据类型是固定的，请求方式是GET，数据返回是JSON格式
| 属性 | 含义 |
| url | 表示请求的地址 |
| data | 表示发送给服务器的数据 格式有两种： 1、name=value1&age=value2 2、{name:value1, age:value2} |
| callback | 请求成功，响应的回调函数 |
$.get()和$.post()都是四个参数而这个只要三个参数即可,代码演示
5、$("#form1").serialize()
可以把表单的所有参数都获取到，并以name=value&age=value2的形式拼接起来
$("#form1").serialize()需要都哪个表单绑定起来。
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！