首页 > Web开发 > 详细

AJAX

时间:2021-04-10 22:54:45      阅读:34      评论:0      收藏:0      [点我收藏+]

什么是AJAX?

AJAX(AsynChronous JavaScript And XML):异步JavaScript和XML,是指一种创建交互式网页应用的网页开发技术
ajax是一种浏览器通过js异步发起请求,局部更新页面的技术

ajax请求的局部更新,浏览器地址栏不会发生变化,且局部更新不会舍弃原来页面的内容

 

原生JavaScript的Ajax请求

<button onclick="ajaxRequest();">ajax请求</button>

<script type="text/javascript">
    var ajaxRequest = function (){
        //1、创建XMLHttpRequest
        var request = new XMLHttpRequest();
        //2、调用open方法设置请求参数
        request.open("GET", "http://localhost:8080/myjavaweb/ajaxServlet", true);
        //4、在send方法前绑定onreadystatechange事件,处理请求完成后的操作
        request.onreadystatechange = function (){
            if (request.readyState == 4 && request.status == 200){
                alert(request.responseText);
            }
        }
        //3、调用send方法将请求发送到服务器
        request.send();
    }
</script>

  

package com.tang.web.servlet;

import com.google.gson.Gson;
import com.tang.web.servlet.bean.User;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

public class AjaxServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        resp.setContentType("text/html;charset=UTF-8");

        System.out.println("收到ajax请求");

        Gson gson = new Gson();
        resp.getWriter().write(gson.toJson(new User("张三", "123", "男", 25)));
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        doGet(req, resp);
    }
}

  

JQuery的Ajax请求

 

AJAX

原文:https://www.cnblogs.com/tang321/p/14641420.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!