javascript - 这可以在带有断点的开发人员模式下工作....但是没有它就无法工作

Question

我有一个传递给api的文本框……输入的文本被存储……

<input type="text" id="name" placeholder="Type something">

下面的代码在带有断点的chrome开发人员模式下工作，但没有它就无法工作......

$("#submit").click(function() {
  var name = $('#name').val() ;
  var url =  "https://www.mariyano.com/app-server/test/?action=add_list&name="+name;
  $.ajax({
    url: url,
    dataType: "jsonp",
  });

Answer 1

实际上不知道出了什么问题，但这是一个有效的源代码：http: //jsfiddle.net/HLmsr/

JavaScript

$("#submit").click(function() {
  var name = $('#name').val() ;
  var url =  "https://www.mariyano.com/app-server/test/?action=add_list&name="+name;

  $.ajax({
      url: url,
      dataType: "jsonp",
      error: function (e) {
          console.log(e);
      },
      success: function (data) {
          console.log(data);
      }
  });
});
​

HTML

<input type="text" value="" id="name" />
<input type="button" id="submit" value="Submit" />​

Answer 2

尝试像这样修改您的代码：

$("#submit").click(function(evt) {
  evt.preventDefault();
  var name = $('#name').val() ;
  ...

如果您不调用 preventDefault 并且“submit”是提交输入类型，则可能会发生代码未执行，因为浏览器导航到另一个页面。

有关更多详细信息，请参阅 jquery 参考：jquery