How do I pass along variables with XMLHTTPRequest

Question

How do I send variables to the server with XMLHTTPRequest  Would I just add them to the end of the URL of the GET request  like  variable1  variable2   etc   So more or less   XMLHttpRequest  GET    blahblah psp variable1      var1     variable2     var2  true

User · Answer

If you re allergic to string concatenation and don t need IE compatibility  you can use URL and URLSearchParams    x000D   x000D  const target   new URL  https   example com endpoint    x000D  const params   new URLSearchParams    x000D  params set  var1    foo    x000D  params set  var2    bar    x000D  target search   params toString    x000D   x000D  console log target   x000D   x000D   x000D    Or to convert an entire object s worth of parameters    x000D   x000D  const paramsObject     x000D    var1   foo   x000D    var2   bar  x000D     x000D   x000D  const target   new URL  https   example com endpoint    x000D  target search   new URLSearchParams paramsObject  toString    x000D   x000D  console log target   x000D   x000D   x000D

User · Answer

Manually formatting the query string is fine for simple situations   But it can become tedious when there are many parameters   You could write a simple utility function that handles building the query formatting for you   function formatParams  params      return       Object          keys params           map function key             return key     encodeURIComponent params key                       join   amp        And you would use it this way to build a request   var endpoint    https   api example com endpoint  var params       a  1     b  2    c  3    var url   endpoint   formatParams params      gt   https   api example com endpoint a 1 amp b 2 amp c 3    There are many utility functions available for manipulating URL s   If you have JQuery in your project you could give http   api jquery com jquery param  a try     It is similar to the above example function  but handles recursively serializing nested objects and arrays

User · Answer

How about   function callHttpService url  params        Assume params contains key value request params   let queryStrings          for let key in params         queryStrings       key    params key   amp           const fullUrl      url  queryStrings       make http request with fullUrl

User · Answer

The correct format for passing variables in a GET request is   variable1 value1 amp variable2 value2 amp variable3 value3                       ---notice  amp ---     But essentially  you have the right idea

User · Answer

If you want to pass variables to the server using GET that would be the way yes  Remember to escape  urlencode  them properly   It is also possible to use POST  if you dont want your variables to be visible   A complete sample would be   var url    bla php   var params    somevariable somevalue amp anothervariable anothervalue   var http   new XMLHttpRequest     http open  GET   url     params  true   http onreadystatechange   function         if http readyState    4  amp  amp  http status    200            alert http responseText           http send null     To test this   using PHP  you could var dump   GET to see what you retrieve

User · Answer

Following is correct way   xmlhttp open  GET   getuser php fname   abc  true

User · Answer

Yes that s the correct method to do it with a GET request    However  please remember that multiple query string parameters should be separated with  amp   eg   variable1 value1 amp variable2 value2

[javascript] How do I pass along variables with XMLHTTPRequest

Examples related to javascript

Examples related to html

Examples related to ajax