jQuery如何操作ajax

水深无声 2022-07-13 08:39 163阅读 0赞

## jQuery 操作ajax ##

$.ajax()-->XMLHttpRequest

就是 `$.ajax({usrl:,type:get});`

实现之前的

<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
    
    
    <script type="text/javascript"> $(function(){ //这个是页面加载完毕才开始执行的 $("#showBtn").click(function(){ alert('test'); }); // id选择器 }); </script>
    <body>
    
    <b id="showBtn">点击查看上证指数</b>
    
    <br>
    <span id="msg"></span>

要注意的就是为什么要多写个 $(function()\{\});  
因为这个的方法是在页面加载完毕后才执行的。如果不写这个直接写的话。js执行但是页面并没有加载完毕。就会失败。

**如何操作！**

$.ajax({
    url:请求地址,
    type:请求类型 post|get,
    data：提交的数据，
    async：同步或异步处理true|false,
    dataType:预期服务器返回结果类型,
    success：成功回调函数,
    error:失败回调函数,
    beforeSend:请求发送前回调函数
    });

对之前的改成jQ的

$(function(){ //这个是页面加载完毕才开始执行的
             $("#showBtn").click(function(){ // id选择器 
    
             $.ajax({
             url:"servlet/demoservlet",
             type:"get",
             success:function(result){ 
             //result等价于 xhr.responseText
             //result就是服务器返回的内容
             $("#msg").html(result);
    //html()方法就是把result以html的方式赋值给
    //还可以text()就是以文本的形式
             }
             });

和之前的效果一样。但是却简单了很多。

**对应的第二个检测用户名是否占用的**

**注意jQ的方法是blur不是onblur。。。我还写错了。**

$.post()

jQ还有个`$.get()`发出get请求  
参数：  
url、data、callback（回调函数）、type（返回的数据类型）

还有  
`$.getJSON(url,data,callback);`指定返回的就是JSON  
`$getScript(url,data,callback);`指定返回的就是Script

还有

`$(“div”).load(“demo.do”);/`/这个的意思就是以Ajax请求demo.do 返回到div里去或者写span也方便 load更方便！！！