首页 > 其他分享 >AJAX实现JQuery实现方式_ajax()

AJAX实现JQuery实现方式_ajax()

时间:2023-02-12 11:12:11浏览次数:40  
标签:JQuery function 请求 ajax username 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:"ajaxServlet1111" , // 请求路径
                type:"POST" , //请求方式
                //data: "username=jack&age=23",//请求参数
                data:{"username":"jack","age":23},
                success:function (data) {
                    alert(data);
                },//响应成功后的回调函数
            });
        }
    </script>    
</head>
<body>
    <input type="button" value="发送异步请求" onclick="fun();">
    <input>
</body>
</html>

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:"ajaxServlet1111" , // 请求路径
                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>

 

标签:JQuery,function,请求,ajax,username,AJAX,data
From: https://www.cnblogs.com/xuche/p/17113376.html

相关文章

  • jQuery 基础知识(五)
    前面已经介绍HTML、CSS和javaScript,这三个前端语言,俗称前端三剑客。下面来学习一个javaScript简化并封装好的库——jQuery库。 01-AJAXAJAX是一种在无需重新加载......
  • 【AJAX】学习笔记
    00-AJAX介绍AJAX=AsynchronousJavaScriptandXML(异步的JavaScript和XML)。AJAX不是新的编程语言,而是一种使用现有标准的新方法。AJAX最大的优点是在不重新加载......
  • JQuery插件机制
    jQuery-插件机制增强JQuery的功能1.实现方式:1.$.fn.extend(object)增强通过Jquery获取的对象的功能$("#id")2.$.extend(object)......
  • JQuery案例抽奖演示与实现
    需求:点击开始按钮,在小镜框中图片开始随机切换,点击停止按钮后,图片停止切换,并且在大镜框中显示出来重要是图片显示出来,使用的prop()方法里面的src属性,因为是固有属性其他逻......
  • JQuery事件绑定事件切换与JQuery案例广告显示和隐藏
    事件切换:togglejq对象.toggle(fn1,fn2...)当单击jq对象对应的组件后,会执行fn1.第二次点击会执行fn2.....注意:1.9版本.toggle()方法删除,jQueryMigrate(迁......
  • JQuery遍历for循环与each方法
    jQuery-遍历js的遍历方式for(初始化值;循环结束条件;步长) jq的遍历方式1.jq对象.each(callback)1.语法:jquery......
  • Promise封装AJAX请求
         复制可用//接口地址:http://poetry.apiopen.top/sentences(随机获取一句诗词)//新建一个Promise对象constPro=newPromise(......
  • JQuery案例_qq表情选择和JQuery案例_下拉列表选中条目左右移动
    jQuery-案例-qq表情选择<!DOCTYPEhtml><html><head><metacharset="UTF-8"/><title>QQ表情选择</title><scriptsrc="../../js/jquery-3.3.1.min.j......
  • 手写一个带拦截器的ajax请求
    ajax<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metahttp-equiv="X-UA-Compatible"content="IE=edge"/><metaname="viewpor......
  • JQuery案例_隔行换色和JQuery全选全不选
    jQuery-案例-隔行换色<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>隔行换色</title><scriptsrc="../../js/jquery-3.......