关闭

jQuery如何操作ajax

标签: jqueryajax
160人阅读 评论(0) 收藏 举报
分类:

jQuery 操作ajax

$.ajax()-->XMLHttpRequest

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

实现之前的

<!-- 引入jQ函数库 -->
<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()就是以文本的形式
         }
         });

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

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

<script type="text/javascript">
    $(function (){
    $("#username").blur(function(){
    var username = $("#username").val()
         $.ajax({
         url:"servlet/Checkname",
         type:"post",
         data:{"username":username},
         success:function(result){
         //result等价于 xhr.responseText
         //result就是服务器返回的内容
         $("#check").html(result);
         }
         });

    });

    });

</script>

注意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更方便!!!

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:97767次
    • 积分:2409
    • 等级:
    • 排名:第17293名
    • 原创:140篇
    • 转载:5篇
    • 译文:0篇
    • 评论:50条
    最新评论