欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-04-15 18:07:44
...

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类型