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

How to Send keyboard data to the Server using getJSON

本文关键字：服务器 数据 键盘 何使用 getJSON      更新时间：2023-09-26

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

希望你能帮助我感谢

试试这个：

 $(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
相关文章：