AJax技术

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

字号+ 作者: 来源:    2014-11-17 20:43 我要评论( )

如何在jsp中使用 jquery 的 ajax 功能,阅读如何在jsp中使用 jquery 的 ajax 功能,$(document).ready(function() { $(

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

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • JQuery实现Ajax加载图片的方法

    JQuery实现Ajax加载图片的方法

    2016-02-24 17:01

  • x未开启的解决办法

    x未开启的解决办法

    2016-02-14 13:15

  • jQuery.ajax()的相关参数及使用

    jQuery.ajax()的相关参数及使用

    2016-02-08 16:00

  • 使用AJAX的十大理由

    使用AJAX的十大理由

    2016-02-08 15:00

网友点评