首頁猿問 ...

form表單提交數(shù)據(jù)時，keywords會替換掉之前原有的參數(shù)？

JavaScript

開滿天機 2018-07-23 21:54:07

如題：這樣的情況怎么解決好呢？，然道寫一個提交前處理keywords再拼接上去的方法？代碼：<form acceptCharset="gbk" method="get" action="https:xxx_search.htm?product=true&tags=123" > <div className="searchBar"> <input className="searchVal" placeholder="輸入關(guān)鍵詞搜索" value={this.state.value} name="keywords" onChange={event => { this.setState({ value: event.target.value, }); }} /> <button className="searchBtn" type="submit">搜索</button> </div> </form>

查看完整描述

2 回答

瀟湘沐

TA貢獻1816條經(jīng)驗獲得超6個贊

<form action="https:xxx_search.htm">
    <input type="hidden" name="product" value="true"/>
    <input type="hidden" name="tags" value="123"/>
    <input className="searchVal" placeholder="輸入關(guān)鍵詞搜索" 
                  value={this.state.value} name="keywords"
                    onChange={event => {
                      this.setState({
                        value: event.target.value,
                      });
                    }} /></form>

反對回復(fù) 2018-07-29

當(dāng)年話下

TA貢獻1890條經(jīng)驗獲得超9個贊

不用form表單的默認提交，用fetch或者axios異步提交

search(){    const {value} = this.state;
    fetch(`https:xxx_search.htm?product=true&tags=123&keywords=${value}`).then(...)
}
render(){    // ...
     <div className="searchBar">
        <input
            className="searchVal"
            placeholder="輸入關(guān)鍵詞搜索" 
            value={this.state.value} name="keywords"
            onChange={event => {                this.setState({                    value: event.target.value,
                });
            }} />
        <button className="searchBtn" onClick={this.search}>搜索</button>
    </div>
}

反對回復(fù) 2018-07-29