Question

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <input type="text" id = "1" name="dataKey" placeholder="Enter id you want to serch" required>
  <button type="submit" value="Submit" onclick= goodfunction()>Submit</button>
 </head>
 <body>



<script>
function goodfunction(){
data = $("#1");
console.log(data)
dataset = JSON.stringify(data)
console.log(dataset);
}
</script>
  </body>
</html>

这些是我的以下代码，我能够静态解析json数据

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <style>
.card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 40%;
}

.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.container {
    padding: 2px 16px;
}
</style>
  </head>
  <body>
  <input type="text" id = "1" name="id" placeholder="Enter id you want to serch" required>


<script>
var SendInfo= {"dataKey":"1013"};
console.log(SendInfo);

        $.ajax({
            type: 'post',
            url: 'http://34.201.147.118:3001/getData',
            data: JSON.stringify(SendInfo),
            contentType: "application/json",
            traditional: true,
            success: function (data) {
              //console.log("Hi");
                console.log(data);
                //console.log(Data[0]);
                var realData = data.Data;
                console.log(realData);



            }
        });
</script>
<h2>Card</h2>

<div class="card">

  <div class="container" id= "101">
    <h4><b>AcquiringDivision</b></h4>
    <p></p>
  </div>
</div>
</body>
</html>

我能够静态传递json数据，但我无法动态地传递它

2）我想按id

选择文本字段

3）将数据转换为json

4）将数据传递给rest api

输出当我试图动态传递时，我得到一个空对象和

得到500错误 {}

我想动态地将数据传递给json格式的rest api我已经静态成功但我无法动态解析

0 个答案: