首页 > 其他分享 >AJAX_实现_JQuery实现方式_ajax()_其他键值与AJAX_实现_JQuery实现方式_get&post

AJAX_实现_JQuery实现方式_ajax()_其他键值与AJAX_实现_JQuery实现方式_get&post

时间:2023-02-24 09:22:37浏览次数:42  
标签:JQuery function 请求 get 实现 AJAX data

AJAX_实现_JQuery实现方式_ajax()_其他键值

  

 

 

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.3.1.min.js"></script>
    <script>

        //定义方法
        function fun(){
            //使用$.ajax()发送异步请求
            $.ajax({
                url:"ajaxServlet111" , // 请求路径
                type:"POST" , //请求方式
                //data: "username=jack&age=23",//请求参数
                data:{"username":"jack","age":23},
                success:function (data) {
                    alert(data);
                },//响应成功后的回调函数
                error:function (){
                    alert("出错了....")
                },//表示如果请求响应出现错误,会执行的回调函数

                dataType:"text"//设置接受到的响应式数据的格式
             });
        }


    </script>
</head>
<body>
<input type="button" value="发送异步请求" onclick="fun()">

<input>

</body>
</html>

AJAX_实现_JQuery实现方式_get&post 

  get:

    语法:$.get(url, [data], [callback], [type])

    参数:
      url:请求路径
      data:请求参数
      callback:回调函数
      type:响应结果的类型

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.3.1.min.js"></script>
    <script>
        
        //定义方法
        function  fun() {

            $.get("ajaxServlet",{username:"rose"},function (data) {
                alert(data);
            },"text");

        }
        
    </script>
    
    
</head>
<body>

    <input type="button" value="发送异步请求" onclick="fun();">

    <input>
</body>
</html>

  POST:  

    语法:$.post(url, [data], [callback], [type])
    参数:
      url:请求路径
      data:请求参数
      callback:回调函数
      type:响应结果的类型

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.3.1.min.js"></script>
    <script>
        
        //定义方法
        function  fun() {

            $.post("ajaxServlet",{username:"rose"},function (data) {
                alert(data);
            },"text");

        }
        
    </script>
    
    
</head>
<body>

    <input type="button" value="发送异步请求" onclick="fun();">

    <input>
</body>
</html>

 

 

 

 

翻译

搜索

复制

标签:JQuery,function,请求,get,实现,AJAX,data
From: https://www.cnblogs.com/x3449/p/17150163.html

相关文章

  • 代码随想录算法Day09 | kmp算法理论基础知识,28. 实现 strStr() ,459.重复的子字符串
    kmp算法理论基础知识核心思想利用已经部分匹配的结果而加快模式串的滑动速度!且主串S的指针i不必回溯!相较于BF算法的O(N*M),KMP算法时间复杂度可提速到O(N+M)!用处K......
  • 使用C++实现Modbus CRC16检验相关内容
    使用C++实现ModbusCRC16检验相关内容ModbusCRC-16校验代码以下为ModbusCRC-16校验代码函数:其中参数int*crc_sum为校验返回值,分为两个字节;参数int*data_blk_ptr......
  • 基于pytorch实现模型剪枝
    一,剪枝分类1.1,非结构化剪枝1.2,结构化剪枝1.3,本地与全局修剪二,PyTorch的剪枝2.1,pytorch剪枝工作原理2.2,局部剪枝2.2.1,局部非结构化剪枝2.2.2,局部结构化剪枝......
  • 斐波那契数python实现迭代循环两种方法
    #递归方法deffibona(n):ifn==0:return0elifn==1:return1else:returnfibona(n-1)+fibona(n-2)#结果验证pri......
  • 每日打卡实现数据录入
    实现了,问题有俩,1)是jre配置的问题重新配置了一下,解决了404的问题2)第二个问题是无法录入数据库 这里我的jar包是在这里的,需要放在WEB-INF的lib里,步骤如下   ......
  • Python实现素数筛选(欧式筛法)
    素数筛选之欧式筛法:用合数与素数乘法,素数与素数的乘法去筛将来的数,同时当这个数被更小的素数整除,就不必再用这个数去运算,保证每个合数只会被它的最小质因数筛去,因此每个数只......
  • day02-自己实现Mybatis底层机制-01
    自己实现Mybatis底层机制-01主要实现:封装SqlSession到执行器+Mapper接口和Mapper.xml+MapperBean+动态代理Mapper的方法1.Mybatis整体架构分析对上图的解读:1)mybatis......
  • js的继承的实现与代码编写
    js的继承的实现与代码编写一、继承  对象的一个类可以从现有的类中派生,并且拥有现有的类的方法或是属性,这和过程叫做继承。被继承的类叫做父类或是基类,继承的类叫做子类......
  • 深入学习jquery源码之each()
    $.each()遍历一个数组或对象,可以是DOM、json等格式,等价于for循环返回值:jQuery.each(callback) 参数:对于每个匹配的元素所要执行的函数概述:以每一个匹配的元素作为上下文......
  • 深入学习jquery源码之trigger()与triggerHandler()
    深入学习jquery源码之trigger()与triggerHandler()trigger(type,[data])概述:在每一个匹配的元素上触发某类事件。这个函数也会导致浏览器同名的默认行为的执行。比如,如果用......