zoukankan      html  css  js  c++  java
  • 异步请求的方法

    jqueryAjax

    
    
    $.ajax({
    url:'userServlet',
    type:'POST',
    data:{"userCode":userCode,"fun":loginCheck,"userPassword":userPassword},
    dataType:'text',
    success:function (a) {
    if(a=='false'){
    $("#err").html("用户名不存在").css("color","red");
    $("#error").html("");
    flag=false;
    }else{
    $("#err").html("√").css("color","green");
    $("#error").html("");
    flag=true;
    }
    },
    error:function () {
    alert("出错啦")
    return false;
    }
    })
     

     

    •"xml": 返回 XML 文档,可用 jQuery 处理
    •"html": 返回纯文本 HTML 信息;包含的 script 标签会在插入 dom 时执行
    •"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 “cache” 参数。
    注意:在远程请求时(不在同一个域下),所有 POST 请求都将转为 GET 请求。(因为将使用 DOM 的 script标签来加载)
    •"json": 返回 JSON 数据
    •"jsonp": JSONP 格式。使用 JSONP 形式调用函数时,
    如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数
    •"text": 返回纯文本字符串

    json的定义 javascript object notation

    JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。

    简要历史编辑
    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。
    JSON是Douglas Crockford在2001年开始推广使用的数据格式,在2005年-2006年正式成为主流的数据格式,雅虎和谷歌就在那时候开始广泛地使用JSON格式。
    JSON 语法编辑
    JSON 语法规则
    JSON是一个标记符的序列。这套标记符包含六个构造字符、字符串、数字和三个字面名。
    JSON是一个序列化的对象或数组。
    1. 六个构造字符:
    begin-array = ws %x5B ws ; [ 左方括号
    begin-object = ws %x7B ws ; { 左大括号
    end-array = ws %x5D ws ; ] 右方括号
    end-object = ws %x7D ws ; } 右大括号
    name-separator = ws %x3A ws ; : 冒号
    value-separator = ws %x2C ws ; , 逗号
    2. 在这六个构造字符的前或后允许存在无意义的空白符(ws):
    ws = *(%x20 /; 空间
    %x09 /; 水平标签
    %x0A /; 换行或换行
    %x0D); 回程
    3.JSON的值:
    3.1 JSON的构成: ws 值 ws [1]
    3.2值可以是对象、数组、数字、字符串或者三个字面值(false、null、true)中的一个。值中的字面值中的英文必须使用小写。
    3.2.1对象由花括号括起来的逗号分割的成员构成,成员是字符串键和上文所述的值由逗号分割的键值对组成,如:
    1
    {"name": "John Doe", "age": 18, "address": {"country" : "china", "zip-code": "10000"}}
    3.2.2数组是由方括号括起来的一组值构成,如:
    1
    [3, 1, 4, 1, 5, 9, 2, 6]
    3.2.3 字符串与C或者Java的字符串非常相似。字符串是由双引号包围的任意数量Unicode字符的集合,使用反斜线转义。一个字符(character)即一个单独的字符串(character string)。
    3.2.4数字也与C或者Java的数值非常相似。除去未曾使用的八进制与十六进制格式。除去一些编码细节。 [2]
    一些合法的JSON的实例:
    1
    {"a": 1, "b": [1, 2, 3]}
    1
    [1, 2, "3", {"a": 4}]

    JSON 与 JS 对象的关系
    很多人搞不清楚 JSON 和 JS 对象的关系,甚至连谁是谁都不清楚。其实,可以这么理解:
    JSON 是 JS 对象的字符串表示法,它使用文本表示一个 JS 对象的信息,本质是w一个字符串。

    1
    var obj = {a: 'Hello', b: 'World'}; //这是一个对象,注意键名也是可以使用引号包裹的
    1
    var json = '{"a": "Hello", "b": "World"}'; //这是一个 JSON 字符串,本质是一个字符串

    $("#idDiv").load("useServlet")

    <%--
      Created by IntelliJ IDEA.
      User: 80468
      Date: 2020/10/23
      Time: 10:20
      To change this template use File | Settings | File Templates.
    --%>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>$.load();</title>
    </head>
    <body>
        <h1>主页</h1>
        <div>
    
            <div>头部</div>
            <div>左边菜单栏
                <ul>
                    <li><a href="javascript:void(0)" onclick="queryUserlist()"  >查看所有用户</a></li>
                    <li><a href="javascript:void(0)" onclick="queryUserlist2()"  >查看用户</a></li>
                    <li><a href="javascript:void(0)" onclick="queryUserlist3()"  >查看其他</a></li>
    
                </ul>
            </div>
            <div id="showDiv" border="2px" >主显示区域</div>
            <div>尾部</div>
    
    
        </div>
    
        <script src="js/jquery-3.3.1.js"></script>
        <script>
            function queryUserlist() {
                alert("queryUserlist");
                $("#showDiv").load("userServlet","method=queryUserlist");
            }
    
            function queryUserlist2() {
                alert("queryUserlist");
                $("#showDiv").load("userServlet","method=queryUserlist2");
            }
    
            function queryUserlist3() {
                alert("queryUserlist");
                $("#showDiv").load("userServlet","method=queryUserlist3");
            }
        </script>
    </body>
    </html>
     Map map =new HashMap<String,Object>();
               map.put("result",flag);
               String jsonStr= JSON.toJSONString(map);
                System.out.println("fastjson:"+jsonStr);
                out.write(jsonStr);
    else if("queryUserlist".equals(method)){
                System.out.println("queryUserlist 重定向");
                response.sendRedirect("userlist.jsp");
  • 相关阅读:
    Python基础 2----Python 基础语法
    安卓开发35:一些安卓设计经验总结
    HDU 4707 Pet(DFS(深度优先搜索)+BFS(广度优先搜索))
    对象数组
    Mac与Window之间的共享文件
    实用数据结构总结之二叉树遍历
    csdn的登录框好难看
    图像切割性能评价
    基于Solr的HBase实时查询方案
    图片的缩放源码与使用
  • 原文地址:https://www.cnblogs.com/KcBlog/p/13899351.html
Copyright © 2011-2022 走看看