Question

我有一个按钮和输入字段，并希望将该字段的值发送到ajax调用。我此刻正在大脑冻结，可以使用一些帮助。这是我到目前为止所拥有的。

                function submit() {
                    $.ajax({
                      type: 'POST',
                      url: 'http://localhost:8000/getCoords',
                      dataType: 'json',
                      data: {name: 'Abduh'},
                      success: (success) => {
                        console.log(success);
                      },
                      error: (error) => {
                        console.log(error);
                      }
                    });
                }

			<input type=text id=search placeholder=Search />
			<br/>
			<button id=submit onclick="submit()">Submit</button>

Answer 1

你应该引用属性值的引用

<input type='text' id='search' placeholder=Search />
<br/>
<button id='submit' onclick="submit();">Submit</button>

Answer 2

 $("#submit").on("click",function(){
    var  url= 'http://localhost:8000/getCoords';
    $.post( url, { name: $("#search").val() }).done(function(data) {
        alert( "Data Loaded: " + data );
      });
  });

<input type="text" id="search" placeholder="Search" />
<button id="submit">Submit</button>

通过按钮点击html中的输入字段获取值

2 个答案: