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

这在带有断点的开发者模式下工作....但没有它就无法工作

2 个答案: