當前位置:編程學習大全網 - 源碼下載 - ajax可以寫在jsp文件中嗎

ajax可以寫在jsp文件中嗎

Ajax?=?異步?JavaScript?和?XML?或者是?HTML(標準通用標記語言的子集)。

關於ajax能不能寫在jsp中,剛開始我認為不可以,後來我看到有相關的博客確實在jsp中使用了ajax;在我動手嘗試後,發現確實可以,並且寫了壹個簡單的基於JQuery實現的ajax demo。基於普通JavaScript實現的ajax太繁瑣了,使用基於JQuery實現的ajax很容易,前提是得先引入jquery庫。

代碼如下:

<%@?page?language="java"?import="java.util.*"?pageEncoding="UTF-8"%>

<!DOCTYPE?HTML?PUBLIC?"-//W3C//DTD?HTML?4.01?Transitional//EN">

<html>

<head>

<!--?需要導入jquery文件?-->

<script?src="js/jquery.min.js"></script>

<script?type="text/javascript">

//在頁面加載完成後

$(function(){

$("#btn").click(function(){

//方式壹:

/*?

//發送ajax請求

$.ajax({

//編寫json格式,設置屬性和值

url:"testAjax",//ajax請求要發送的地址

contentType:"application/json;charset=utf-8",//MIME類型

data:'{"username":"BoildWater"}',//發送的數據

dataType:"json",//響應數據的類型

type:"post",//發送請求的方式

success:function(data){

//data為服務器端響應的數據

alert(data);

}

});?

*/

//方式二:

$.get("testAjax",{"username":"BoildWater"},function(data){

alert(data);

});

});

});

</script>

</head>

<body>

This?is?my?JSP?page.?<br>

<button?id="btn">發送ajax請求</button>

</body>

</html>

多說壹點:

在我學習了ajax之後,我才明白為什麽京東頁面可以做到提交用戶登錄信息,可以“不刷新”頁面就可以響應給用戶是否登錄成功,體驗真好,有興趣的同學可以去感受壹下。當然ajax能做的還有很多很多,所以學習了ajax後,我漸漸放棄了jsp作為web應用表現層,html+ajax成為了我寫項目的常用手段。

  • 上一篇:官網帶視頻播放器源代碼。
  • 下一篇:有貪吃蛇的源代碼? 拜托了 !
  • copyright 2024編程學習大全網