5.9ajax技术js原生版 json版实现

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”%>

Insert title here 用户名
密码:

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>

猜你喜欢

转载自blog.csdn.net/weixin_44691723/article/details/90048928