DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> 如何在jsp中使用 jquery 的 ajax 功能
如何在jsp中使用 jquery 的 ajax 功能
編輯:AJAX詳解     

$(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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved