jquery中Ajax请求,get方式与post方式

jquery中Ajax请求,get方式与post方式

Ajax基本方式:

<script>
        // 定义方法
        function fun() {
            // 使用 $.ajax() 发送异步请求
            $.ajax({

               url:"ajaxServlet",//请求路径

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

               data:{username:"wangshuaishuai",age:20},

               success:function (data) {   // data 服务器响应给客户端的值
                   alert(data);
               },// 响应成功后调回函数

                error:function () {
                    alert("出错了...")
                },// 如果请求响应出现错误,会执行这一个函数

                dataType:"text" // 设置接收响应数据类型
            });
        }
    </script>

get方式:
语法解析:$.get(url,[data],[callback],[type]);

参数解析:

  • url: 请求路径
  • data:请求参数
  • callback:回调函数
  • type:响应结果类型
 $.get("ajaxServlet",{username:"wangxiansheng"},function (data) {
                alert(data);	//执行完请求返回的参数内容
            },"text");//设置的返回类型为text类型

post方式
语法解析:$.post(url,[data],[callback],[type]);

参数解析:

  • url: 请求路径
  • data:请求参数
  • callback:回调函数
  • type:响应结果类型
$.post("ajaxServlet",{username:"wangshuaishuai"},function (data) {
                 alert(data);	//执行完请求返回的参数内容
             },"text");//设置的返回类型为text类型

发布了33 篇原创文章 · 获赞 35 · 访问量 1602

猜你喜欢

转载自blog.csdn.net/weixin_45216092/article/details/102654441
今日推荐