WEB开发网
开发学院WEB开发Ajax 如何在jsp中使用 jquery 的 ajax 功能 阅读

如何在jsp中使用 jquery 的 ajax 功能

 2007-12-26 11:18:48 来源:WEB开发网   
核心提示:$(document).ready(function() { $("a").click(function() { $("#decimal").val('这是一个例子'); $("#inputtext").val('控制text

$(document).ready(function() {  
   $("a").click(function() {
     $("#decimal").val('这是一个例子');
     $("#inputtext").val('控制text');

   });

/*
   $("a").click(function() {
     alert("Hello world!");
   });
*/
  

}); 

function convertToDecimal(){
  $.Ajax({
     type: "GET",
     url: "/jqueryjsp/response",
     data: "key=" + $("#key").val(),
     dataType: "html",
     success: function(xml){
     //alert( "keyPRess code: " + $("key",xml).text() );
/*
     var decimal = document.getElementById('decimal');
     decimal.value = $("key",xml).text();
     //等价于上面的代码。
     $("#decimal").val($("key",xml).text());
*/
     $("#decimal").val($("key",xml).text());

   $("#rating").html("按键代码:" + $("key",xml).text());
     }  
  })
   clear();
  }

  function clear(){
   var key = document.getElementById("key");
 
   key.value="";
   // alert( "keypress code: " + $(this).html() );
  }


jquery 在 php 中使用的例子很多,但是没有 jsp 的,

我修改了ajax  on java 中的第三章的例子,应用了jquery实现了ajax

Tags:如何 jsp 使用

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接