这可以在具有断点的开发人员模式下工作……但是没有断点就无法工作

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的