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

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

javascript jquery

Javascript 如何使用getJSON将键盘数据发送到服务器,javascript,jquery,getjson,Javascript,Jquery,Getjson,我使用getJSON向服务器发送请求并获取响应。当我向服务器发送类似“firstname=x”的文本字符串时，它可以正常工作，但当我使用“$（“#input”）.val（）”作为服务器的输入数据时，它不会返回任何响应这是jquery代码 <!DOCTYPE html> <html> <head> <title>Request in getJSON</title> <meta http-equiv="Cont

我使用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>


getJSON中的请求
$（文档）.ready（函数（）{
$（“#按钮”）。单击（函数（）{
var req=$（'#query'）.val（）；
var data='firstname=req'；
$.getJSON（'http://..../server.php?callback=?，数据，函数（res）{
警报（'您的名字是'+res.fullname'）；
})；//获取JSON
})；onclick
});//文件准备就绪
输入名称

希望你能帮助我谢谢

试试这个：

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

$（文档）.ready（函数（）{
$（“#按钮”）。单击（函数（e）{
e、 预防默认值（）；
var data={firstname:$（'#query'）.val（）}；//如何使用$（'#input'）.val（）
？您应该发布包含该代码的示例代码，而不是有效的代码。谢谢Jai，我和您可以同时更正它。我回来删除此代码并看到您的回复。非常感谢。我保留此帖子，希望它能帮助像我这样的新手。我的mistkae在这行中是var data='firstname=req'正如Jai提到的，应该没有任何引号，等式标记应该变成冒号。再次感谢Ja i。很好，你调试了代码并发现了错误，如果这对你有帮助，我很高兴。谢谢。