博客
关于我
AJAX_概述与实现_hehe.employment.over.22.1
阅读量:390 次
发布时间:2019-03-05

本文共 1760 字,大约阅读时间需要 5 分钟。

文章目录

22.1 AJAX_概述

  • AJAXASynchronous JavaScript And XML 异步的JavaScript 和 XML
  • 异步和同步: 客户端和服务器端相互通信的基础上
    • 同步: 客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。
    • 异步: 客户端不需要等待服务器端的响应。在服务器处理请求的过程中,客户端可以进行其他的操作。
  • notes:
    • Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
    • 通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
    • 传统的网页(不使用 Ajax)如果需要更新内容,必须重载整个网页页面。
    • 提升用户的体验。

22.2 AJAX_实现

22.2.1 原生的JS实现方式

    
原生的JS实现方式
package com.xww.web.servlet;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("/ajaxServlet")public class AjaxServlet extends HttpServlet {       protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {           //1.获取请求参数        String username = request.getParameter("username");       //处理业务逻辑。耗时        try {               Thread.sleep(5000);        } catch (InterruptedException e) {               e.printStackTrace();        }        //2.打印username        System.out.println(username);        //3.响应        response.getWriter().write("hello : " + username);    }    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {           this.doPost(request, response);    }}

22.2.2 JQeury实现方式

  • 1. $.ajax()
    • 语法$.ajax({键值对});
    • 示例:
    
ajax
  • 2. $.get():发送get请求
    • 语法$.get(url, [data], [callback], [type])
    • 参数:
      • url请求路径
      • data请求参数
      • callback回调函数
      • type响应结果的类型
    • 示例:
    
get
  • 3. $.post():发送post请求
    • 语法$.post(url, [data], [callback], [type])
    • 参数:
      • url请求路径
      • data请求参数
      • callback回调函数
      • type响应结果的类型
    • 示例:
    
post

转载地址:http://hugwz.baihongyu.com/

你可能感兴趣的文章
MySQL单实例或多实例启动脚本
查看>>
MySQL压缩包方式安装,傻瓜式教学
查看>>
MySQL原理、设计与应用全面解析
查看>>
MySQL原理简介—1.SQL的执行流程
查看>>
MySQL参数调优详解
查看>>
mysql参考触发条件_MySQL 5.0-触发器(参考)_mysql
查看>>
MySQL及navicat for mysql中文乱码
查看>>
MySqL双机热备份(二)--MysqL主-主复制实现
查看>>
MySQL各个版本区别及问题总结
查看>>
MySql各种查询
查看>>
mysql同主机下 复制一个数据库所有文件到另一个数据库
查看>>
mysql启动以后会自动关闭_驾照虽然是C1,一直是开自动挡的车,会不会以后就不会开手动了?...
查看>>
mysql启动和关闭外键约束的方法(FOREIGN_KEY_CHECKS)
查看>>
Mysql启动失败解决过程
查看>>
MySQL启动失败:Can't start server: Bind on TCP/IP port
查看>>
mysql启动报错
查看>>
mysql启动报错The server quit without updating PID file几种解决办法
查看>>
MySQL命令行登陆,远程登陆MySQL
查看>>
mysql命令:set sql_log_bin=on/off
查看>>
mySQL和Hive的区别
查看>>