Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
188 views
in Technique[技术] by (71.8m points)

jquery - sending post with ajax - bad request issue

Im just starting with API and I need a little bit of help...

I have this code:

<!DOCTYPE html>
<html>
<head>
<title></title>
<script 
  src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
</head>
<body>
<script type="text/javascript">
   var json=`{
   "Teamname": "example",
   "Password": "example",
   "members": [{
        "name": "John",
        "surname": "Doe",
    },
    {
        "name": "Kate",
        "surname": "Smith",

    },
    {
        "name": "Brad",
        "surname": "Warden",

    },
    {
        "name": "Antony",
        "surname": "McLeer",

    }
]
}`;
$.ajax({
  type: "POST",
  url: "http://52.233.158.172/change/api/en/account/register",
  data: "json",
  contetType: "application/json"
  });
  console.log(json);

 </script>
 </body>
 </html>

and I get for return bad request in console, I go through code several times and everything should just work fine but obviously something is missing

Also if i go with postman I get 200 OK response...can anybody help me what Am I missing?

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

It looks like you are sending a string "json" in your post data when you need to send the variable json instead.

If you update your ajax request to:

$.ajax({
    method: "POST",
    url: "http://52.233.158.172/change/api/en/account/register",
    data: json,
    contentType: "application/json"
});

Note the removal of the quotes around json on line 4.

Hope this helps.


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...