1.2怎么实现ajax(原生版)
Js原生版实现
Jquery实现
Js原生版实现
1 创建XMLHttpRequest对象
2 然后用这个对象操作open()方法 即 XMLHttpRequest.open(“post”,url,true);
3 用这个对象操作onreadystatechange这个属性 即XMLHttpRequest.onreadystatechange=callback; //指定响应函数
onreadystatechange=函数名; //注意这里直接加函数名,而不是function(),否则函数将无法正常执行
4 用这个对象操作send()方法 即 XMLHttpRequest.send(null);
正确的顺序 1 3 2 4
先创建
再设置属性
然后打开
最后发送
案例:使用ajax来验证注册的用户名是否存在
代码
页面
<%@ page language=“java” contentType=“text/html; charset=UTF-8”
pageEncoding=“UTF-8”%>
密码:
Servlet
package com.ajax.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
/**
-
Servlet implementation class UserServlet
*/
@WebServlet("/UserServlet.htm")
public class UserServlet extends HttpServlet {
private static final long serialVersionUID = 1L;protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType(“text/html; charset=UTF-8”);
// 取
String username = request.getParameter(“username”);
PrintWriter pWriter = response.getWriter();
System.out.println(“username:” + username);
if (“admin”.equals(username)) {
pWriter.write(“该用户已被注册”);
} else {
pWriter.write(“放心注册”);
}
pWriter.flush();
pWriter.close();}
/**
- @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse
-
response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
// TODO Auto-generated method stub
doGet(request, response);
}
}
1.4.1JSON 语法规则
在 JS 语言中,一切都是对象。因此,任何支持的类型都可以通过 JSON 来表示,例如字符串、数字、对象、数组等
案例: json表示对象
</div>