blocks|key|519191|text|如果您希望使用GET将变量传递给服务器，那么这将是可行的方法。记住正确地转义(urlencode)它们！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|519192|如果你不想让你的变量可见，也可以使用POST。|519193|完整的示例如下：|519194|var+url+=+"bla.php";
var+params+=+"somevariable=somevalue&anothervariable=anothervalue";
var+http+=+new+XMLHttpRequest();

http.open("GET",+url%2B"?"%2Bparams,+true);
http.onreadystatechange+=+function()
{
++++if(http.readyState+==+4+&&+http.status+==+200)+{
++++++++alert(http.responseText);
++++}
}
http.send(null);|code-block|syntax|javascript|519195|要测试这一点，(使用PHP)您可以使用var_dump+$_GET查看您检索到的内容。|offset|length|style|CODE|519196|entityMap^0|0|0|0|0|J|E|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|U|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|V|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|W|8|@$M|X|N|Y|O|P]]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

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:

<pre><code>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);
</code></pre>

To test this, (using PHP) you could <code>var_dump $_GET</code> to see what you retrieve.

blocks|key|519271|text|在GET请求中传递变量的正确格式是|type|unstyled|depth|inlineStyleRanges|entityRanges|data|519272|?variable1=value1&variable2=value2&variable3=value3...
+++++++++++++++++%5E+---notice+&---+%5E|code-block|syntax|javascript|519273|但从本质上讲，你的想法是正确的。|519274|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

The correct format for passing variables in a GET request is

<pre><code>?variable1=value1&amp;variable2=value2&amp;variable3=value3...
 ^ ---notice &amp;--- ^
</code></pre>

But essentially, you have the right idea.

blocks|key|735791|text|是的，这是对GET请求执行此操作的正确方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|735792|但是，请记住，多个查询字符串参数应使用&分隔|735793|例如：?variable1=value1&variable2=value2|735794|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

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

blocks|key|735864|text|以下是正确的方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|735865|xmlhttp.open("GET","getuser.php?fname="%2Babc+,true);|code-block|syntax|javascript|735866|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Following is correct way:

<pre><code>xmlhttp.open("GET","getuser.php?fname="+abc ,true);
</code></pre>

blocks|key|735910|text|对于简单的情况，手动格式化查询字符串就可以了。但是当有许多参数时，它可能会变得单调乏味。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|735911|您可以编写一个简单的实用函数来为您构建查询格式。|735912|function+formatParams(+params+){
++return+"?"+%2B+Object
++++++++.keys(params)
++++++++.map(function(key){
++++++++++return+key%2B"="%2BencodeURIComponent(params[key])
++++++++})
++++++++.join("&")
}|code-block|syntax|javascript|735913|您可以这样使用它来构建一个请求。|735914|var+endpoint+=+"https://api.example.com/endpoint"
var+params+=+{
++a:+1,+
++b:+2,
++c:+3
}

var+url+=+endpoint+%2B+formatParams(params)
//=>+"https://api.example.com/endpoint?a=1&b=2&c=3"|735915|有很多实用函数可以用来操作URL，如果你的项目中有JQuery，你可以试试http://api.jquery.com/jquery.param/。|offset|length|735916|它类似于上面的示例函数，但处理的是递归序列化嵌套对象和数组。|735917|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/jquery.param/^0|0|0|0|0|0|11|Z|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|12|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|13|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|14|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|15|8|@]|9|@$O|16|P|17|1|18]]|A|$]]|$1|Q|3|R|5|6|7|19|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]]]

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.

<pre><code>function formatParams( params ){
 return "?" + Object
 .keys(params)
 .map(function(key){
 return key+"="+encodeURIComponent(params[key])
 })
 .join("&amp;")
}
</code></pre>

And you would use it this way to build a request.

<pre><code>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"
</code></pre>

There are many utility functions available for manipulating URL's. If you have JQuery in your project you could give <a href="http://api.jquery.com/jquery.param/" rel="noreferrer">http://api.jquery.com/jquery.param/</a> a try. 

It is similar to the above example function, but handles recursively serializing nested objects and arrays.

blocks|key|735924|text|怎么样?|type|unstyled|depth|inlineStyleRanges|entityRanges|data|735925|function+callHttpService(url,+params){
++//+Assume+params+contains+key/value+request+params
++let+queryStrings+=+'';

++for(let+key+in+params){
++++++queryStrings+%2B=+`${key}=${params[key]}&`
++++}+
+const+fullUrl+=+`${url}?queryStrings`

++//make+http+request+with+fullUrl
}|code-block|syntax|javascript|735926|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

How about?

<pre><code>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
}
</code></pre>

blocks|key|735982|text|如果您对字符串连接敏感，并且不需要与IE兼容，您可以使用URL和URLSearchParams|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|735983|​|735984|const+target+=+new+URL('https://example.com/endpoint');
const+params+=+new+URLSearchParams();
params.set('var1',+'foo');
params.set('var2',+'bar');
target.search+=+params.toString();

console.log(target);|code-block|syntax|javascript|735985|735986|或者转换整个对象的参数：|735987|735988|const+paramsObject+=+{
++var1:+'foo',
++var2:+'bar'
};

const+target+=+new+URL('https://example.com/endpoint');
target.search+=+new+URLSearchParams(paramsObject).toString();

console.log(target);|735989|735990|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/URL|1|https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams^0|S|3|W|F|S|3|0|W|F|1|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|13|8|@$9|14|A|15|B|C]|$9|16|A|17|B|C]]|D|@$9|18|A|19|1|1A]|$9|1B|A|1C|1|1D]]|E|$]]|$1|F|3|G|5|6|7|1E|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|1F|8|@]|D|@]|E|$K|L]]|$1|M|3|G|5|6|7|1G|8|@]|D|@]|E|$]]|$1|N|3|O|5|6|7|1H|8|@]|D|@]|E|$]]|$1|P|3|G|5|6|7|1I|8|@]|D|@]|E|$]]|$1|Q|3|R|5|J|7|1J|8|@]|D|@]|E|$K|L]]|$1|S|3|G|5|6|7|1K|8|@]|D|@]|E|$]]|$1|T|3|-4|5|6|7|1L|8|@]|D|@]|E|$]]]|U|$V|$5|W|X|Y|E|$Z|10]]|11|$5|W|X|Y|E|$Z|12]]]]

If you're allergic to string concatenation and don't need IE compatibility, you can use <a href="https://developer.mozilla.org/en-US/docs/Web/API/URL" rel="noreferrer"><code>URL</code></a> and <a href="https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams" rel="noreferrer"><code>URLSearchParams</code></a>:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const target = new URL('https://example.com/endpoint');
const params = new URLSearchParams();
params.set('var1', 'foo');
params.set('var2', 'bar');
target.search = params.toString();

console.log(target);</code></pre>
</div>
</div>


Or to convert an entire object's worth of parameters:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const paramsObject = {
 var1: 'foo',
 var2: 'bar'
};

const target = new URL('https://example.com/endpoint');
target.search = new URLSearchParams(paramsObject).toString();

console.log(target);</code></pre>
</div>
</div>

How do I send variables to the server with <code>XMLHTTPRequest</code>? Would I just add them to the end of the URL of the <code>GET</code> request, like <code>?variable1=?variable2=</code>, etc?

So more or less:

<pre class="lang-js prettyprint-override"><code>XMLHttpRequest("GET", "blahblah.psp?variable1=?" + var1 + "?variable2=" + var2, true)
</code></pre>

How do I pass along variables with XMLHTTPRequest

服务器

如何使用XMLHTTPRequest将变量发送到服务器？我是否可以像?variable1=?variable2=一样，将它们添加到GET请求的URL的末尾？所以或多或少：XMLHttpRequest("GET", "blahblah.psp?variable1=?" + var1 + "?variable2=" + v...

问如何使用XMLHTTPRequest传递变量
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用XMLHTTPRequest传递变量EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用XMLHTTPRequest传递变量
EN