Ajax局部刷新,异步请求

ops/2024/11/28 17:20:20/

Ajax执行原理:

同步请求和异步请求:

Ajax的语句:

javascript"><script src="/js/jquery-1.12.4.min.js"></script><script>$(function () {$("button").click(function () {$.ajax({url:"/indexServlet",type:"get",//请求方式//async:false,//false同步 默认,true异步dataType:"text",//返回值类型,常用的json,text,如果要使用result.属性要改为jsondata:{uname:'张三',pwd:1234},//传递数据以键值对的形式success:function (result) {//请求后端的结果传给参数result$("h1").text(result);},error:function () {//请求失败$("h1").text("请求失败!");}});});});</script>

在Java中提供的json字符串 ,属性要用""包括。 

@WebServlet("/indexServlet")
public class IndexServlet extends HttpServlet {@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {req.setCharacterEncoding("utf-8");String uname = req.getParameter("uname");String pwd = req.getParameter("pwd");//相应编码resp.setCharacterEncoding("utf-8");//json字符串String msg = "登陆成功";String s = "{\"code\":200,\"msg\":"+msg+"}";PrintWriter out = resp.getWriter();out.print(s);}
}

阿里巴巴提供的包:

         可以方便的实现json对象与JavaBean对象的转换,实现JavaBean对象与json字符串的转换,实现json对象与json字符串的转换。

JSONObject:

        JSONObject是一个表示JSON对象的类。它允许你创建、读取和操作JSON对象。

        JSON对象由键值对组成,其中键是字符串,值可以是各种类型(如字符串、数字、布尔值、数组、另一个JSON对象等)。

JSONArray:

        是一个表示JSON数组的类。它允许你创建、读取和操作JSON数组。

        JSON数组是一个有序的值集合,可以包含各种类型的元素(如字符串、数字、布尔值、另一个JSON对象或另一个JSON数组)。

@WebServlet("/indexServlet")
public class IndexServlet extends HttpServlet {@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {req.setCharacterEncoding("utf-8");String uname = req.getParameter("uname");String pwd = req.getParameter("pwd");//相应编码resp.setCharacterEncoding("utf-8");JSONObject jsonObject = new JSONObject();JSONArray jsonArray = new JSONArray();if ("张三".equals(uname) && "1234".equals(pwd)){jsonObject.put("code",200);jsonObject.put("msg","登陆成功");//out.print(uname+"登陆成功");}else{//out.print("登录失败");jsonObject.put("code",400);jsonObject.put("msg","登陆失败");}PrintWriter out = resp.getWriter();out.print(s);}
}

http://www.ppmy.cn/ops/137416.html

相关文章

conda、pip同时安装包引起混乱问题剖析

一句话总结&#xff1a; 安装版本不一致时会有两个.dist-info文件夹&#xff08;举例&#xff1a;scapy-2.6.1.dist-info和scapy-2.4.3.dist-info&#xff09;&#xff0c;conda list和pip list依靠这两个文件夹进行包的识别&#xff08;疑似pip list识别老版本&#xff0c;co…

ADS9-V2EBZ 评估板

ADS9-V2EBZ 评估板 概览 优势和特点 Xilinx Kintex Ultrascale XCKU15P-2FFVE1517E FPGA。 1 个 FMC 连接器。 20 个 28 Gbps 收发器&#xff0c;由一 (1) 个 FMC 连接器提供支持 HMC DRAM 简单 USB 3.0 端口接口。 随附两张微型 SD 卡&#xff0c;“TRX”用于 ADRV9026 评估…

DataWhale—PumpkinBook(TASK05决策树)

课程开源地址及相关视频链接&#xff1a;&#xff08;当然这里也希望大家支持一下正版西瓜书和南瓜书图书&#xff0c;支持文睿、秦州等等致力于开源生态建设的大佬✿✿ヽ(▽)ノ✿&#xff09; Datawhale-学用 AI,从此开始 【吃瓜教程】《机器学习公式详解》&#xff08;南瓜…

个人开发三步走

一、开发准备 1&#xff0e;需求分析&#xff1a;需求是开发的起点。第一步要做的就是明确需求&#xff0c;具体来说就是分析目标用户、他们的需求(功能需求、性能需求、安全需求)和痛点。 2&#xff0e;技术选型&#xff1a;综合开发需求、个人能力&#xff08;能熟练使用&a…

(笔记)简单了解ZYNQ

1、zynq首先是一个片上操作系统&#xff08;Soc&#xff09;&#xff0c;结合了arm&#xff08;PS&#xff09;和fpga&#xff08;PL&#xff09;两部分组成 Zynq系统主要由两部分组成&#xff1a;PS&#xff08;Processing System&#xff09;和PL&#xff08;Programmable L…

在 Ubuntu 上部署 MediaWiki 开源维基平台

MediaWiki 是一个功能强大的开源维基软件&#xff0c;全球众多组织使用它来创建协作文档网站。本文将指导你如何在 Ubuntu 服务器上安装 MediaWiki&#xff0c;使用 Nginx 作为 Web 服务器&#xff0c;PostgreSQL 作为数据库管理系统。 简介 MediaWiki 是一个灵活且强大的维基…

除了混合搜索,RAG 还需要哪些基础设施能力

Infinity 是一款专门为 RAG 设计的&#xff0c;在功能和性能上全面领先的数据库&#xff0c;针对向量&#xff0c;稀疏向量&#xff0c;还有文本类数据&#xff0c;分别提供高性能的向量搜索、稀疏向量搜索以及全文搜索&#xff0c;并且提供这些数据之上的高性能范围过滤&#…

Spring |(七)AOP概念及工作流程

文章目录 &#x1f4da;AOP简介&#x1f4da;AOP入门案例&#x1f407;环境准备&#x1f407;AOP实现步骤 &#x1f4da;AOP工作流程&#x1f4da;小结 学习来源&#xff1a;黑马程序员SSM框架教程_SpringSpringMVCMaven高级SpringBootMyBatisPlus企业实用开发技术 &#x1f4d…