• ajax的$.get()方法和tomcat服务器的交互


    AJAX AJAX = 异步 JavaScript 和 XML。

    AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。

    Ajax  get()方法

    定义和用法

    $.get() 方法使用 HTTP GET 请求从服务器加载数据。


    实例

    请求 "test.php",但是忽略返回结果:

    $.get("test.php");

    请求 "test.php" 并连同请求发送一些额外的数据(忽略返回结果):

    $.get("test.php", { name:"Donald", town:"Ducktown" });

    请求 "test.php" 并传递数据数组到服务器(忽略返回结果):

    $.get("test.php", { 'colors[]' : ["Red","Green","Blue"] });

    请求 "test.php" 并提醒请求的结果:

    $.get("test.php", function(data){
    alert("Data: " + data);
    });

    语法

    $.get(URL,data,function(data,status,xhr),dataType)

    参数

    描述

    URL

    必需。规定您需要请求的 URL。

    data

    可选。规定连同请求发送到服务器的数据。

    function(data,status,xhr)

    可选。规定当请求成功时运行的函数。
    额外的参数:

    • data - 包含来自请求的结果数据
    • status - 包含请求的状态("success"、"notmodified"、"error"、"timeout"、"parsererror")
    • xhr - 包含 XMLHttpRequest 对象

    dataType

    可选。规定预期的服务器响应的数据类型。
    默认地,jQuery 会智能判断。
    可能的类型:

    • "xml" - 一个 XML 文档
    • "html" - HTML 作为纯文本
    • "text" - 纯文本字符串
    • "script" - 以 JavaScript 运行响应,并以纯文本返回
    • "json" - 以 JSON 运行响应,并以 JavaScript 对象返回
    • "jsonp" - 使用 JSONP 加载一个 JSON 块,将添加一个 "?callback=?" 到 URL 来规定回调

    与服务器servlet的交互

    JSP页面脚本

    <script>
    /**
    * 页面加载后执行
    */
    $(function () {
    var date = new Date();
    $.get('sendview.do',{
    "date":date
    },function (data) {
    })
    })
    </script>

    Ajax的$.get()方法发送HTTP GET等请求url到服务器,可以用function(data)来接受服务器返回的结果data,在服务器端建一个servlet类可以接受到get请求和提取用户相关信息。具体为重写一个get方法,

    public class LogServlet extends HttpServlet {

    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //拿到请求/sendData.do
       
    String req_url = req.getServletPath().substring(1);

        System.out.println("-------------"+req.getServletPath());

    }}

    可以拿到请求url

    致虚极,守静笃。万物并作,吾以观复。——《道德经》

  • 相关阅读:
    聚美优品面试题
    前端开发常用的网站
    JS 正则表达式大全
    软件工程作业二
    大三个人简述
    2019期末总结
    2019春第一次课程设计实验报告
    2019第十二周作业
    2019第十一周作业
    2019第十周作业
  • 原文地址:https://www.cnblogs.com/schoolbag/p/8431223.html
Copyright © 2020-2023  润新知