jQuery ajax returns 400 Bad Request

Question

This works fine   jQuery   my get related keywords   click function         if  jQuery   my keyword   val          return false          jQuery getJSON  http   boss yahooapis com ysearch web v1            jQuery   my keyword   val                 appid myAppID             amp lang en             amp format json             amp count 50             amp view keyterms             amp callback             function  data     do something    This returns 400 Bad Request  Just a reformulation of the above jQuery using  ajax to support error handling    jQuery   my get related keywords   click function             if  jQuery   my keyword   val          return false       jQuery   my loader   show        jQuery ajax                    url   http   boss yahooapis com ysearch web v1            jQuery   my keyword   val                 appid myAppID             amp lang en             amp format json             amp count 50             amp view keyterms             amp callback              success  function data                 do something

User · Answer

Be sure and use  get  or  post  consistantly with your   ajax call  for example     ajax       type   get     must be met with     app get      function req  res                      and for post     ajax       type   post      must be met with  app post      function req  res

User · Answer

Add this to your ajax call   contentType   application json  charset utf-8   dataType   json

User · Answer

Late answer  but I figured it s worth keeping this updated   Expanding on Andrea Turri answer to reflect updated jQuery API and  success  error deprecated methods     As of jQuery 1 8   the preferred way of doing this is to use  done   and  fail    Jquery Docs  e g       my get related keywords   click function          var ajaxRequest     ajax           type   POST           url   HERE PUT THE PATH OF YOUR SERVICE OR PAGE           data     HERE YOU CAN PUT DATA TO PASS AT THE SERVICE             contentType   application json  charset utf-8           dataType   json            When the request successfully finished  execute passed in function     ajaxRequest done function msg                do something                When the request failed  execute the passed in function     ajaxRequest fail function jqXHR  status             do something else

User · Answer

I think you just need to add 2 more options  contentType and dataType        my get related keywords   click function            ajax               type   POST               url   HERE PUT THE PATH OF YOUR SERVICE OR PAGE               data     HERE YOU CAN PUT DATA TO PASS AT THE SERVICE                 contentType   application json  charset utf-8      this             dataType   json      and this             success  function  msg                     do something                            error  function  errormessage                      do something else

User · Answer

I was getting the 400 Bad Request error  even after setting  contentType   quot application json quot   dataType   quot json quot   The issue was with the type of a property passed in the json object  for the data property in the ajax request object   To figure out the issue  I added an error handler and then logged the error to the console  Console log will clearly show validation errors for the properties if any  This was my initial code  var data          quot TestId quot   testId       quot PlayerId quot   parseInt playerId        quot Result quot   result     var url   document location protocol    quot    quot    document location host    quot  api tests quot    ajax       url  url      method   quot POST quot       contentType   quot application json quot       data  JSON stringify data      issue with a property type in the data object     dataType   quot json quot       error  function  e            console log e      logging the error object to console            success  function              console log  Success saving test result               Now after making the request  I checked the console tab in the browser development tool  It looked like this   responseJSON errors 0  clearly shows a validation error  The JSON value could not be converted to System String  Path    TestId  which means I have to convert TestId to a string in the data object  before making the request  Changing the data object creation like below fixed the issue for me  var data              quot TestId quot   String testId     converting testId to a string          quot PlayerId quot   parseInt playerId            quot Result quot   result     I assume other possible errors could also be identified by logging and inspecting the error object

[ajax] jQuery.ajax returns 400 Bad Request

Examples related to ajax

Examples related to jquery