首页 > Web开发 > 详细

ajax和jQurey的使用方法

时间:2019-12-15 01:03:48      阅读:93      评论:0      收藏:0      [点我收藏+]

1、jQurey使用时需导入jquery-1.4.2.js在web文件夹下

并在写script时需像如下定义script标签:

<script src="js/jquery-1.4.2.js" type="text/javascript"></script>

2、jQurey的语法:通过$(要选取的元素)

技术分享图片

ajax使用形式如下:

$.ajax({
       url:"/AJAX_war_exploded/ClickServlet", //定义需转到的Servlet
       type:"post",                //定义提交的形式
       data:{                   //定义要传递的数据,以键值对形式存储
         buttonName:"button_2"
       },                     //每个ajax都会让Servlet回传一个数据
       dataType:"json",             //定义回传数据的类型
       success:function(result){       //ajax收到回传的数据是会触发的事件success
         var first=result.first;
         var second=result.second;
         var third=result.third;
         $(".first")[0].innerHTML=first;    //该形式使用了jQuery获取html元素
         $(".second")[0].innerHTML=second;
         $(".third")[0].innerHTML=third;
       }
     })
   })

ajax和jQurey的使用方法

原文:https://www.cnblogs.com/shouyaya/p/12041589.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!