精华内容
下载资源
问答
  • ajax和json

    2021-08-06 03:02:48
    优化:用户在书写完用户名,就有一个提示,告诉当前书写的用户名是否可用Ajax 特点:ajax 执行,不需要用户控制,自动发送请求接收响应ajax 发送请求的时候,依然按照 http 协议ajax 请求响应,数据量小总结什么...

    ajax介绍问题:用户注册的时候,没有,用户名是否可用提示,导致用户需要反复的提交表单,用户体验不好。

    优化:用户在书写完用户名,就有一个提示,告诉当前书写的用户名是否可用

    Ajax 特点:ajax 执行,不需要用户控制,自动发送请求和接收响应

    ajax 发送请求的时候,依然按照 http 协议

    ajax 请求和响应,数据量小

    总结什么是 ajax:自动发送请求,接受响应,数据量非常小,依然按照 http 协议做网络的

    传输,这个就是 ajax 技术。

    获取 XMLHttpRequest 对象(ajax 核心对象,ajax 引擎)

    //获取 ajax 核心对象的方法

    function getXHR() {

    var xmlhttp;

    if (window.XMLHttpRequest) {

    // code for IE7+, Firefox, Chrome, Opera, Safari

    xmlhttp = new XMLHttpRequest();

    } else {

    // IE6, IE5与其他浏览器不同

    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

    }

    return xmlhttp;

    }

    alert(getXHR());

    向服务器发送请求——使用 open 方法和 send 方法//测试使用 ajax 核心对象,发送请求

    function test1(){

    var xhr = getXHR();

    xhr.open("get","/day18/ajax?username=张三",true);

    //是什么:规定请求的类型、 URL 以及是否异步处理请求。

    //当是post提交时请求参数放在send()中

    xhr.send();

    }

    test1();

    接收服务器响应

    //测试 ajax 获取响应

    function test2(){

    var xhr = getXHR();

    xhr.open("get","/day18/ajax?username=张三",true);

    xhr.send();

    /**

    有一个妹子,半夜十二点,搜索一些东西

    妹子(上海),百度的服务器(北京)(网络延迟)

    服务器发送响应到浏览器(网络延迟)

    为什么获取响应数据没有效果?

    就是没有考虑网络延迟的问题

    */

    //浏览器端准备接受响应

    var data = xhr.responseText;

    alert(data);

    }

    设置 onreadystatechange 事件执行函数(等待服务器响应)//测试设置 ajax 等待服务器响应

    function test3(){

    //获取核心对象

    var xhr = getXHR();

    //设置等待服务器响应

    xhr.onreadystatechange=function(){

    //4: 请求已完成,且响应已就绪,200: "OK"

    if (xhr.readyState==4 && xhr.status==200){

    var data=xhr.responseText;

    alert(data);

    }

    }

    //发送请求

    xhr.open("get","/day18/ajax?username=张三",true);

    xhr.send();

    }

    test3()

    ajax 小结(ajax 代码怎么写)获取核心对象

    设置等待服务器响应

    发送请求

    onreadystatechange 属性

    是什么:存储函数(或函数名),每当 readyState 属性改变时,就会调用该函数。

    第三个参数 async: True(异步) 或 False(同步)?

    async false 所有的请求和响应,需要排队执行(同步)

    async true 所有的请求和响应,不需要排队执行(插队执行)(异步)

    readyState 属性

    存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。

    status 属性

    是什么:存储响应状态码

    jQuery Ajax 支持的 API

    jQuery 对 Ajax 的使用提供了非常好的封装,简单的很!load(url, [data], [callback]) 载入 HTML 代码并插入至 DOM中,例如: $(“#mydiv”).load(“a.html”);

    $.get(url, [data], [callback], [type]) Ajax 的 get 方式请求,一般用于获取数据

    $.post(url, [data], [callback], [type]) Ajax 的 post 方式请求,一般用于发送表单数据

    $.getJSON(url, [data], [fn]) Ajax 跨域获取服务器数据 例子: www.taobao.com 支付 www.alipay.com

    $.getScript(url, [callback]) 载入并执行一个跨域的 js 文件

    url:待载入页面的URL地址

    data:待发送Key/value参数。

    callback:载入成功时回调函数。

    type:返回内容格,xml,html,script,json,text,_default.

    $.ajax(url, [settings])$.ajax({

    //请求方式 type: "POST",

    //请求路径 url: "${root}/ajax",

    //发送参数  data: "name=John&location=Boston",

    //返回的数据类型:

    /**

    "xml": 返回 XML 文档,可用 jQuery 处理。

    "html": 返回纯文本 HTML 信息;包含的script标签会

    在插入dom时执行。

    "script": 返回纯文本 JavaScript 代码。

    "json": 返回 JSON 数据 。

    "jsonp": JSONP 格式。

    "text": 返回纯文本字符串

    */

    dataType: "text",

    //回调函数

    //请求成功的回调函数

    success: function(msg){

    alert( "Data Saved: " + msg );

    },

    //请求失败的回调函数

    error:function(msg){

    alert( "Error");

    }

    });

    get/*

    url:待载入页面的URL地址

    data:待发送 Key/value 参数。

    callback:载入成功时回调函数。

    type:返回内容格式, xml, html, script, json, text, _default。

    */

    $.get("ajax", { name: "John", time: "2pm" },

    function(data){

    alert("Data Loaded1: " + data);

    });

    post/*

    url:待载入页面的URL地址

    data:待发送 Key/value 参数。

    callback:载入成功时回调函数。

    type:返回内容格式, xml, html, script, json, text, _default。

    */

    $.post("ajax", { name: "John", time: "2pm" },

    function(data){

    alert("Data Loaded2: " + data);

    });

    });

    JSON 技术

    Json 介绍Xml 问题:导致传输的数据量变大,解析和创建的操作复杂

    JSON 字符串转换为 JavaScript 对象:  eval() 或 JSON.parse() 方法

    JavaScript对象转换为 JSON 对象:  JSON.stringify()

    java对象转成JSON

    展开全文
  • Ajax和Json

    2021-02-02 22:19:40
    JSON和JS对象互转 要实现从JSON字符串转换为JS对象,使用JSON.parse()方法: var obj=JSON.parse('{"a":"hello","b":"world"}'); 要实现从JS对象转换成JSON字符串,使用JSON.stringify()方法: var json=JSON....

    Ajax和Json

    Web1.0时代

    登录,如果失败,需要刷新页面,才能重新登陆

    现在

    局部刷新,不刷新整个页面的情况的下实现页面的更新

    demo

    某些网站注册的时候,只是输入手机号,就提示手机号已经注册过了

    Web2.0时代,一个最重要的特征就是Ajax

    1.Json

    概念

    JSON(JavaScript Object Notation,JS对象标记 )是一种轻量级的数据交互格式。采用完全独立于编程语言的文本格式来存储和表示数据。简单和清晰和层次结构使得JSON称为理想的数据交互语言。

    JS语言中,一切皆是对象,因此任何JS支持的类型都可以通过JSON来表示。

    要求和语法格式:

    • 对象表示为键值对
    • 数据由逗号分隔
    • 花括号保存对象
    • 方括号保存数组

    JSON是JS对象字符串表示法,它使用文本表示一个JS对象的信息,本质是一个字符串。

    JSON和JS对象互转

    要实现从JSON字符串转换为JS对象,使用JSON.parse()方法:

    var obj=JSON.parse('{"a":"hello","b":"world"}');
    

    要实现从JS对象转换成JSON字符串,使用JSON.stringify()方法:

    var json=JSON.stringify({a:'hello',b:'world'});
    

    代码测试

    <script type="text/javascript">
     //编写一个javaScript对象
         let user={
             name:"kd",
             age:32,
             sex:"男"
         };
         //将js对象转换为json对象
    let json= JSON.stringify(user);
    console.log(json);
       //将json对象转换为javaScript对象
         let parse = JSON.parse(json);
       console.log(parse);
     </script>
    

    一.使用Controller实现返回JSON数据

    1. 首先需要导入maven依赖坐标

      <dependency>
          <groupId>com.fasterxml.jackson.core</groupId>
          <artifactId>jackson-databind</artifactId>
          <version>2.9.8</version>
      </dependency>
      
      正常controller会走视图解析器,而json需要返回的是一个字符串
      
      市面上有很多的第三方jar包,可以实现这个功能,jackson只需要一个简单的注解就可以实现了@RespnseBody
      
    2. springmvc-servlet.xml

      <?xml version="1.0" encoding="UTF-8"?>
      <beans xmlns="http://www.springframework.org/schema/beans"
             xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
             xmlns:context="http://www.springframework.org/schema/context"
             xmlns:mvc="http://www.springframework.org/schema/mvc"
             xsi:schemaLocation="http://www.springframework.org/schema/beans
               http://www.springframework.org/schema/beans/spring-beans.xsd
             http://www.springframework.org/schema/context
              https://www.springframework.org/schema/context/spring-context.xsd
              http://www.springframework.org/schema/mvc
            https://www.springframework.org/schema/mvc/spring-mvc.xsd">
      
          <!-- 自动扫描指定的包,下面所有注解类交给IOC容器管理 -->
      
      
      <!--乱码问题统一解决-->
          <context:component-scan base-package="com.lg.controller"/>
          <mvc:annotation-driven>
              <mvc:message-converters register-defaults="true">
      
                  <bean class="org.springframework.http.converter.StringHttpMessageConverter">
                      <constructor-arg value="UTF-8"/>
                  </bean>
                  <bean class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">
                      <property name="objectMapper">
                          <bean class="org.springframework.http.converter.json.Jackson2ObjectMapperFactoryBean">
                              <property name="failOnEmptyBeans" value="false"/>
                          </bean>
                      </property>
                  </bean>
              </mvc:message-converters>
          </mvc:annotation-driven>
      
          <!-- 视图解析器 -->
      
          <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"
                id="internalResourceViewResolver">
              <!-- 前缀 -->
              <property name="prefix" value="/WEB-INF/jsp/" />
              <!-- 后缀 -->
              <property name="suffix" value=".jsp" />
          </bean>
      
      </beans>
      
    3. 编写一个实体类

      public class User {
          private String nme;
          private int age;
          private String sex;
          }
      
    4. controller

      public class UserController {
          @RequestMapping( "j1")
          @ResponseBody//他就不会走视图解析器 会直接返回一个字符串
          public String json1() throws JsonProcessingException {
              //jackson ObjectMapper
              //需要一个jackson的对象解析器,就是一个类,使用它可以直接讲对象转换成json字符串
              ObjectMapper mapper=new ObjectMapper();
              //创建一个对象
              User user=new User("ks",3,"男");
              //将java对象转换成json字符串
              String s = mapper.writeValueAsString(user);
              return s;//由于使用了@ResponseBody注解,这里会将str以json格式的返回,十分方便
          }
      

    Date类:封装为一个工具类

    public class JsonUtils {
        public static String getJson(Object object) throws JsonProcessingException {
            return getJson(object,"yyyy-MM-dd HH:mm:ss");
        }
    
        public static String getJson(Object object,String dateFormat) throws JsonProcessingException {
            ObjectMapper mapper=new ObjectMapper();
            mapper.configure(SerializationFeature.WRITE_DATE_TIMESTAMPS_AS_NANOSECONDS,false);
            //事件格式化问题
            SimpleDateFormat simpleDateFormat=new SimpleDateFormat(dateFormat);
            //让mapper指定时间日期格式为simpleDateFormat
            mapper.setDateFormat(simpleDateFormat);
            return  mapper.writeValueAsString(object);
        }
    }
    

    2.AJAX

    概念

    AJAX=Asynchronous JavaScript andXML(异步的JavaScript和XML)。

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

    Ajax不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。

    使用ajax技术的网页,通过在后台服务器进行少量的数据交互,就可以实现异步局部更新。

    AJAX可以做:

    • 注册时,输入用户名自动检测用户是否已经存在
    • 登录时,提示用户名密码错误
    • 删除数据时,将行ID发送到后台,后台在数据库中删除,数据库删除成功后,在页面DOM中将数据页删除

    ajax的本质XMLHttpResquest

    Ajax的核心是XMLHttpRequest对象(XHR)。XHR为向服务器发送请求和解析服务器响应提供了接口。能够以异步方式从服务器获取新数据。

    jQuery提供了多个与AJAX有关的方法。

    通过jQuery AJAX方法,能够使用HTTP Get和HTTP Post从服务器上请求文本、HTML、XML或JSON-同时能够把这些外部数据直接载入网页的被选元素中。

    jQuery Ajax本质就是XMLHttpRequest,对他进行了封装,方便调用!

    jQuery.get(...)
    	所有参数:
    		url:带载入页面的URL地址
    		data:待发送key/value参数
    		success:载入成功时回调函数
    		dataType:返回内容格式,xml,json,script,text,html
    jQuery.post(...)
    	所有参数:
    		url:带载入页面的URL地址
    		data:待发送key/value参数
    		success:载入成功时回调函数
    		dataType:返回内容格式,xml,json,script,text,html		
    
    

    使用jQuery需要先导入jQuery的js文件

    <script src="${ctx}/webjars/jquery/3.3.1/jquery.min.js"></script>
    
    @RequestMapping("/a1")
    public void a1(String name, HttpServletResponse response) throws IOException {
        System.out.println("a1:param=>" + name);
        if ("kuangshen".equals(name)) {
            response.getWriter().print("true");
        } else {
            response.getWriter().print("false");
        }
    
    
    }
    
    <script>
      function a(){
        /*
        * 将文本输出的值
        * 发给服务器
        * 接收服务器返回的数据
        *
        * 所有参数:
        * url:待载入页面的URL地址,Json
        * data:待发送key/value   参数
        * success:载入成功时回调函数
        * data  封装了服务器返回的数据
        * status:状态
        * */
        $.post({
          url:"${pageContext.request.contextPath}/a1",
          data:{"name":$("#username").val()},
          success:function (data) {
            alert(data);
             }
        })
      }
    
    </script>
    

    Ajax总结:

    使用jQuery需要导入jQuery,使用Vue导入Vue,两个都用,自己原生态实现

    三部曲:

    1. 编写对应处理的Controller,返回消息或者字符串或者json格式的数据
    2. 编写ajax请求
      1. url:Controller请求
      2. data:键值对
      3. success:回调函数
    3. 给Ajax绑定事件,点击.click,失去焦点onblur,键盘弹起keyup
    展开全文
  • 完成对AJAX和JSON两种技术的学习 学习内容: 1.AJAX 1.概念: AJAX全称"异步的JavaScriptXML" 同步:即客户端浏览器向服务器端发送请求,客户端必须等待服务器端完成响应,在服务器处理请求时,客户端不能进行其它...

    学习目标:

    完成对AJAX和JSON两种技术的学习

    学习内容:

    1.AJAX
    1.概念:
    AJAX全称"异步的JavaScript和XML"
    同步:即客户端浏览器向服务器端发送请求,客户端必须等待服务器端完成响应,在服务器处理请求时,客户端不能进行其它操作
    异步:即客户端浏览器向服务器端发送请求,客户端无需等待服务器端完成响应,在服务器处理请求时,客户端可以进行其它操作。
    2.作用:
    AJAX可以使网页实现异步的更新。这意味着在不刷新整个网页页面的前提下,可以完成对网页局部的更新。
    举个例子,当我们使用百度的搜索功能时,鼠标聚焦到搜索框,并输入一些文字,此时搜索框下面就会通过"联想"功能将相关搜索标题显示出来。此时整个网页页面并没有刷新,而是网页中的这个搜索框这一小部分进行了刷新,这种功能的实现就是使用了AJAX技术。

    3.使用:
    AJAX的实现是通过浏览器内置的Ajax引擎完成的。它有以下实现方式:
    1.JS的原生方式
    2.JQuery方式
    通过JS的原生方式实现AJAX较为复杂,我们一般使用最常用的JQuery方式
    JQuery实现AJAX方式

    	1.$.ajax()
    	2.$.get()
    	3.$.post()
    

    $.ajax()方式的说明:

    <!--
        $.ajax({
            url:    请求的资源路径
            type:   请求方式
            data:   请求参数(使用Json格式)
            dataType:   响应的数据格式
            success:    回调函数,响应成功自动执行该函数
            error:      回调函数,响应失败自动执行该函数
        
        
        })
    
    
    -->
    

    2.JSON
    —1.概念:一种轻量级的数据交换格式
    —2.作用:易于人们阅读和编写,也易于机器解析和生成,能够有效提高网络传输效率
    —3.使用
    语法
    基本规则

    1. .一个JSON对象用一对花括号表示
      2.每个键值对之间用逗号隔开(值的数据类型可以为数字型,布尔型,字符串型,JSON对象型,数组型,null)
      3.数组用方括号表示

    如何获取JSON对象的数据
    1.JSON对象.键名
    2.JSON对象[“键名”]—一般用于使用for…in…遍历JSON对象
    3.JSON对象[索引]

    遍历
    对于JSON对象,一般使用for…in…遍历
    演示:

    <script>
            var json1 = {"name":"Jack","age":21,"gender":true};
            var json2 = {"Persons":[{"name":"Jack","age":21,"gender":true},{"name":"Tom","age":21,"gender":true}]};
            //遍历json1
            for(var key in json1){
                //alert(json1.key); 此时json1.key等价于json1."key",因此无法正确获取键对应的值
                alert(json1[key]);  //正确
            }
            //遍历json2
            for(var key in json2){
                var array = json2[key];
                for(var i = 0; i <array.length;i++){
                    alert(array[i].name);
                }
            }
        </script>
    

    Java对象和JSON对象之间的相互转换
    在服务器端,我们最常用的操作是将Java对象转换为JSON对象,如何进行转换呢?答案是使用解析器,我们使用jackson解析器来将Java对象转换为JSON对象
    使用步骤:

    1. .导入jackson的jar包
      2.创建核心对象ObjectMapper
      3.调用相关方法将Java对象转换为JSON对象
    @Test
        public void test4(){
            ObjectMapper mapper = new ObjectMapper();   //创建核心对象ObjectMapper
            User user = new User();     //创建一个Java对象,并设置它的属性值
            user.setName("Jack");
            user.setId(1);
            user.setPassword("123");
            try {
                String Json = mapper.writeValueAsString(user);  //调用writeValueAsString(),将Java对象转换为Json字符串
                System.out.println(Json);       //打印Json
            } catch (JsonProcessingException e) {
                e.printStackTrace();
            }
        }
    

    输出结果:
    在这里插入图片描述

    3.案例
    案例需求:完成用户名的自动校验,当用户名的文本输入框离焦时,自动检验用户输入的用户名是否在数据库中存在,如果存在,提示:名字太受欢迎了,换一个吧~;如果不存在,则提示可用

    解题思路:给文本输入框绑定离焦事件,一旦触发,客户端浏览器发送AJAX异步请求给服务器端,服务器通过该用户名通过数据库将其封装为一个Java对象,最后将该Java对象转换为JSON对象,响应给浏览器端,如果JSON对象不为null,则说明已经存在该用户名,如果为null,说明数据库中不存在该用户

    运行结果:
    在这里插入图片描述

    通过这个案例我们得出结论:AJAX异步请求可以实现网页的异步更新,即在不刷新整个页面的情况下,完成对网页局部的更新。

    学习时间:

    2021-1-14

    学习产出:

    展开全文
  • 使用AJAX和JSON实现简单的注册验证简易的注册页面使用ajax发送异步请求的servletdao层的查询数据库的方法附Druid连接池的工具类 服务器使用Tomcat9.0.36 简易的注册页面 <%@ page contentType="text/html;charset...


    服务器使用Tomcat9.0.36

    简易的注册页面

    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>Title</title>
    </head>
    <body>
    <center>
        <form>
            <input type="text" id="name" name="username" placeholder="请输入用户名"/><br/>
            <span id="span"></span><br/>
            <input type="password" name="password" placeholder="请输入密码" />
            <button>提交</button>
        </form>
    </center>
    
    </body>
    <script src="js/jquery-2.1.0.min.js"></script>
    <script>
        /* 设置文本款过的失去焦点事件 */
        $("#name").blur(function () {
            //获取文本框的值
            var username = $(this).val();
            //获取span标签
            var span = $( "#span" );
            //发送异步请求
            $.get( "isExistUserServlet" ,{ "username": username} , function (data) {
                //响应回来的数据如果名字存在:{ "isExist" : true , "msg" : "此用户名太受欢迎,请换一个!"}
                //如果不存在 { "isExist" : false , "msg":"此用户名可用" }
                //console.log( data );
    
                if ( data.isExist ){
                    //存在的情况
                    //设置span文本的颜色
                    span.css( "color" , "red" );
                    //设置span标签的内容
                    span.html( data.msg );
                }else {
                    //名字不存在  可用的情况
                    span.css( "color", "green" );
                    span.html(data.msg);
                }
            } );
        });
    </script>
    </html>
    
    

    使用ajax发送异步请求的servlet

    package sofwin.web.servlet;
    
    import com.fasterxml.jackson.databind.ObjectMapper;
    import org.junit.Test;
    import sofwin.domain.User;
    import sofwin.service.impl.UserServiceImpl;
    import sofwin.service.interFace.UserService;
    
    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;
    import java.util.HashMap;
    import java.util.Map;
    
    @WebServlet("/isExistUserServlet")
    public class IsExistUserServlet extends HttpServlet {
        protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
            //设置响应数据的格式 这里设置为json格式 因为要将信息存储在map集合里面 而map集合要转换成json对象才能被客户端识别
            response.setContentType("application/json;charset=utf-8");
            //获取异步请求的参数
            String username = request.getParameter( "username" );
            //调用service层的方法来判断此用户是否存在
            UserService service = new UserServiceImpl();
            int i = service.isExist( username );
            //创建map集合用来存储信息
            Map< String , Object > map = new HashMap<>();
            //判断用户此用户是否存在
            if ( i != 0 ){
                map.put( "isExist" , true );
                map.put( "msg" , "此用户名太受欢迎,请换一个!" );
            }else {
                map.put( "isExist" , false );
                map.put( "msg" , "此用户名可用" );
            }
            //创建jackson解析器的核心对象
            ObjectMapper mapper = new ObjectMapper();
            //将map集合转换成json对象  并填充到字符输出流 响应到客户端
            mapper.writeValue( response.getWriter() , map );
        }
    
        protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
            this.doPost( request,response );
        }
    
    
    }
    
    

    dao层的查询数据库的方法

    @Override
        public int isExist(String name) {
            Properties pro = new Properties();
            Connection con = null;
            PreparedStatement ps = null;
            ResultSet res = null;
            int i = 0;
            try {
                pro.load( UserDaoImpl.class.getClassLoader().getResourceAsStream("druid.properties") );
                DataSource ds = DruidDataSourceFactory.createDataSource(pro);
                con = ds.getConnection();
                String sql = "select count(*) from user_info where uname=? ";
    
                ps = con.prepareStatement( sql );
                ps.setString( 1 , name );
                res = ps.executeQuery();
                while ( res.next() ){
                    i = res.getInt(1);
                }
            } catch (IOException e) {
                e.printStackTrace();
            } catch (Exception e) {
                e.printStackTrace();
            } finally {
                if (res != null) {
                    try {
                        res.close();
                    } catch (SQLException e) {
                        e.printStackTrace();
                    }
                }
                if (ps != null) {
                    try {
                        ps.close();
                    } catch (SQLException e) {
                        e.printStackTrace();
                    }
                }
                if (con != null){
                    try {
                        con.close();
                    } catch (SQLException e) {
                        e.printStackTrace();
                    }
                }
            }
            return i;
        }
    
    

    附Druid连接池的工具类

    package cn.sofwin.utils;
    
    import java.sql.*;
    import java.util.Properties;
    
    import javax.sql.DataSource;
    
    import com.alibaba.druid.pool.DruidDataSourceFactory;
    /**
     * 通过连接池提供 数据库 的连接对象
     *
     */
    public class JDBCPoolutil {
        private static DataSource ds = null;
        static {
            try {
                Properties pro = new Properties();
                ClassLoader cl = JDBCPoolutil.class.getClassLoader();
                pro.load(cl.getResourceAsStream("druid.properties"));
                ds = DruidDataSourceFactory.createDataSource(pro);
            }catch(Exception e) {
                System.out.println(e.getMessage());
            }
        }
    
        public static Connection getConnection() throws SQLException {
            return ds.getConnection();
        }
        public static DataSource getDataSource() {
            return ds;
        }
        public static void close(Statement statement , Connection connection){
            if(connection!=null) {
                try {
                    connection.close();//归还
                } catch (SQLException e) {
                    System.out.println(e.getMessage());
                }
            }
            if (statement != null) {
                try {
                    statement.close();
                } catch (SQLException e) {
                    e.printStackTrace();
                }
            }
    
        }
        public static void close(ResultSet res,Statement pstmt,Connection con) {
            if(res!=null) {
                try {
                    res.close();
                } catch (SQLException e) {
                    System.out.println(e.getMessage());
                }
            }
            if(pstmt!=null) {
                try {
                    pstmt.close();
                } catch (SQLException e) {
                    System.out.println(e.getMessage());
                }
            }
            if(con!=null) {
                try {
                    con.close();//归还
                } catch (SQLException e) {
                    System.out.println(e.getMessage());
                }
            }
        }
    }
    
    
    
    展开全文
  • ajax和json的知识点

    2021-08-06 08:31:46
    AJAXajax主要作用:传统的网页(即不用ajax技术网页),想要更新内容或者提交一个表单,都需要重新加载整个网页。使用ajax技术网页,通过在后台服务器进行少量的数据交换,就可以实现异步更新。使用ajax,用户可以创建...
  • Ajax和JSON

    2021-03-03 21:43:39
    Ajax:ASynchronize JavaScript And Xml 异步的JavaScriptxml 一种在无需加载页面的情况下实现能够部分更新页面数据的技术。 实现方式: 原生Js方式 //1.创建核心对象 var xmlhttp; if(Windows....
  • AJAX和JSON介绍

    2021-10-18 18:37:02
    2. JSON AJAX: 1. 概念: ASynchronous JavaScript And XML 异步的JavaScript XML 1. 异步同步:客户端服务器端相互通信的基础上 * 客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。 ...
  • AJAX JSON

    2021-10-06 15:12:56
    概念: ASynchronous JavaScript And XML 异步的JavaScript XML Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术 通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味...
  • AJAX和JSON

    2021-08-08 00:43:10
    AJAXAsynchronous Javascript And XML"(异步 JavaScript XML),是指一种创建交互式网页应用的网页开发技术。通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。意味着可以在不重新加载整个网页...
  • 学习笔记:AJAX和JSON

    2021-09-16 23:22:55
    AJAX = Asynchronous JavaScript and XML(异步的 JavaScript XML)。 jquery方式的AJAX操作 $.ajax({ url:请求地址 type:"get | post | put | delete " 默认是get, data:请求参数 {"id":"123","pwd":...
  • AJAX和JSON的使用

    2021-07-18 15:10:15
    JAVA WEB开发训练 之 AJAX和JSONAjax 实现数据异步操作:如下案例实现用户名有效性的异步验证用户数据的异步填充1.AJAXJSON的介绍2.分析项目3.编写3.1、分析步骤3.2、 开始编写项目效果展示下面是各个部分源码 ...
  • Ajax是全称是asynchronous JavaScript andXML,即异步JavaScriptxml,用于在Web页面中实现异步数据交互,实现页面局部刷新  优点:可以实现异步通信效果,页面局部刷新,带来更好的用户体验 JSON是一种轻量级的...
  • 在我需要使用ajax和jQuery在浏览器上显示这些数据。但是,我无法理解如何在JavaScript代码中获取数据,然后根据我的意愿在我创建的google地图上使用这些数据。在请帮我查一下密码。在我附加了pythonhtml代码。在...
  • Ajax和Json笔记

    2021-11-12 00:49:22
    Ajax和JSON笔记
  • 我正在使用ajax验证我的登录页面。并以json的格式从数据库中提取数据。...使用ajax和json验证登录表单function hey(){x="'"+document.login_tsms.user.value+"'";y="'"+document.login_tsms.pass.value+"...
  • json是一种轻量级的数据交换格式,具有良好的可读便于快速编写的特性。 二、优缺点 Ajax 优点: 异步请求响应快,用户体验好;页面无刷新、数据局部更新;按需取数据,减少了冗余请求服务器的负担; 缺点: ...
  • ajax和json与php小结合

    2021-04-20 09:25:29
    搜索热词需要安装本地服务器进行测试,我安装的是wampserver。很有用的,一个方法,希望能帮助到你。不过,不太合适小白。$('input[type=button]').click(function(){var ul =...$.ajax({url:url,type:'get',success...
  • 我环顾四周,我试图找到一...使用jQuery,Ajax和JSON的单引号提交我使用jQuery在客户端调用服务我jQuery代码看起来是这样的:$.ajax({type: "POST",contentType: "application/json; charset=utf-8",dataType: "js...
  • # JAVA学习日志——Ajax和Json #Ajax和Json在一个web项目中可以说是经常用到了,Ajax是一种用于创建快速动态网页的技术,而Json则是一种与语言无关的数据交换的格式。以下是个人在学习过程中的总结。一、Ajax1.同步...
  • JavaWeb-Ajax和Json

    2021-01-20 17:02:03
    AJAX = Asynchronous JavaScript and XML(异步的 JavaScript XML)。 AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。 客户端执行屏幕更新为用户提供了很大的灵活性。 ...
  • Ajax和JSON-学习笔记03【JSON_基础语法】
  • 全局刷新局部刷新 全局刷新:整个浏览器被新的数据覆盖.在网络中传输大量的数据.浏览器需要重新加载,渲染 局部刷新:在浏览器的内部,发起请求,获取数据,改变界面中部分内容,其余的界面无需加载渲染.网络中传输的...
  • Django使用AJAX和JSON

    2021-08-07 12:47:22
    JSON和其他类型的相互转换 stringify与parse方法JSON.parse(): 用于将一个 JSON 字符串转换为 JavaScript 对象JSON.parse('{"name":"alex"}');JSON.parse('{name:"alex"}') ; // 错误JSON.parse('[18,undefined]') ;...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 351,048
精华内容 140,419
关键字:

ajax和json