如何使用getJSON将键盘数据发送到服务器

时间:2013-02-20 06:19:52

标签: javascript jquery getjson

我正在使用getJSON向服务器发送请求并获取响应。当我向服务器发送一个像'firstname = x'这样的文本字符串时,它工作正常,但是当我使用'$('#input')。val()'作为服务器的输入数据时,它不返回任何响应

这是jquery代码

<!DOCTYPE html>
 <html>
  <head>
    <title>Request in getJSON</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script src="jquery-1.8.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
      $(document).ready(function(){
              $('#button').click(function(){
                 var req=$('#query').val();
                 var data='firstname=req';
                 $.getJSON('http://..../server.php?callback=?', data,function(res){                              
                    alert('Your name is '+res.fullname);
                 });//getJSON    
              }); //onclick
     });//on document ready
    </script>
</head>
<body>
<h1> Enter Name </h1>
<input type='text' id='query' />
<input type="button" id="button" value="submit" />
<div id="results"></div>

</body>
</html>
希望你能帮助我 谢谢

1 个答案:

答案 0 :(得分:0)

试试这个:

 $(document).ready(function(){
     $('#button').click(function(e){
         e.preventDefault();
         var data={firstname : $('#query').val()}; //<--------try like this
         $.getJSON('http://..../server.php?callback=?', data,function(res){
             alert('Your name is '+res.fullname);
         });//getJSON    
     }); //onclick
 });//on document ready