import React, {Component } from 'react;
import Axios from 'axios'/span>;
class App extends Component {
狀態 = {
posts: []
}
componentDidMount（）{
Axios.get('https://jsonplaceholder.typicode.com/posts?id=2& id=3')
.then(response => {
this.setState({ posts: response.data })
})
}
render（） {
return(
<Div>
{
this.state.post.map ( (el,k) => <li> {el.title}。</li>)
}
</div>
)}
}
export default App;
我正在學習如何在呼叫API時傳遞查詢引數。上面的代碼對我來說作業正常。這里我把id=2&id=3作為查詢引數。我正在使用下面的URL
https://jsonplaceholder.typicode.com/posts
現在，我在URL中傳遞title作為引數時也失敗了。例如，id=5的鍵值對是 "標題"。"nesciunt quas odio"。那么，什么才是正確的傳遞方式呢？因為title有字串值，中間有空格。
我的代碼應該列印id=2、id=3和id=4的標題；但是對于id=4，我應該在引數中傳遞標題本身而不是id。
所以，下面的命令在DOM上沒有呈現出任何東西
Axios.get('https://jsonplaceholder.typicode.com/posts?id=2& id=3& title=eum et est occaecati'/span>)
uj5u.com熱心網友回復：
嘗試使用這種方式
axios（{
method: 'get',
params: {
"id" : 1,
"id" : 2,
"title" : "test".
},
url: 'https://jsonplaceholder.typicode.com',
responseType: 'json',
}).then((response) =>/span> {})
其余的由axios處理
uj5u.com熱心網友回復：你可以使用axios的params選項
Axios.get('https://jsonplaceholder.typicode.com/posts'/span>, {
params : {
id : 1,
標題。"ea molestias quasi exercitationem repellat qui ipsa sit aut"。
}
})
uj5u.com熱心網友回復：
語法的方法是用&分割。
示例：
Axios.get('https://jsonplaceholder.typicode.com/posts?id=3&titleea molestias quasi exercitationem repellat qui ipsa sit aut')
一旦你輸入這個，你會看到瀏覽器用 替換了空格，
但這并不重要。
uj5u.com熱心網友回復：
請使用'encodeURIComponent'對包含特殊字符的字串進行編碼，如url中的空格
。'https://jsonplaceholder.typicode.com/posts?title='/span>
encodeURIComponent('eum et est occaecati'/span>)
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/334279.html
標籤：
上一篇：Ajax不能在標簽中顯示資料