ajax学习笔记：通过jquery来创建

最新推荐文章于 2024-04-28 04:05:42 发布

matosiki

最新推荐文章于 2024-04-28 04:05:42 发布

阅读量265

点赞数

分类专栏： JS 与JQuery 文章标签： ajax

本文链接：https://blog.csdn.net/wx11055/article/details/52862421

版权

JS 与JQuery 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

JQuery ajax 内全局变量设置

$.ajaxSetup({  
  url: "/xmlhttp/",  //设置默认路径，如果需要servlet处理 在之后加上对应的servlet路径即可
  global: false,      //是否触发全局 AJAX 事件
  type: "POST"      //请求方式
});

直接使用ajax方法

$.ajax({    
            type: "get",  
            url: "<%=path%>/ServletSeacherWord?word=" + $word,
            async: true,
            success: function(msg) {   //成功之后有一个回调函数  参数msg是返回的数据
                $("#textarea").html(msg);
            }
});

利用get来进行异步处理

 $.get(
    url,
    { name: "John", time: "2pm" },  //以 键值队的形式将数据传给服务器
    function(data){
    alert("返回数据: " + data);
 });

利用post来进行异步处理

 $.post(
 "test.php",
  { "key": "value" },
   function(data){
     alert(data.name); // John
     console.log(data.time); //  2pm
   },
    "json" //返回类型json 
    );