Question

我有html / kendo ui mobile如下：

<li><a data-action="initContactView" data-click="initContactView">Contacts</a></li>

然后javascript：

function initContactView() {
    alert('before');
    var txtSearch = document.getElementById('searchTextField');
    $.ajax({
        type: "GET",
        data: =  "txtSearch='" + txtSearch +"'",
        contentType: "application/json; charset=utf-8",
        url: "http://xot-wsdl.compx.net/mobile.asmx/ContactGet",
        dataType: "json",
        success: successContact,
    });
    alert('after');
}

函数successContact只是将它全部放在列表视图中我的问题是，当我取出JavaScript函数中的所有代码时，警报工作正常，只要我放回所有其他代码，当我触发按钮时没有任何反应。

JavaScript代码应该做的是连接到我的Web服务并检索数据。

任何帮助？

Answer 1

您在＆＃34; data：=＆＃34;
我看到你使用jQuery，为什么不使用$("#searchTextField") 找到这个领域？
带有getElementById的txtSearch将返回一个DOM元素，而不是该字段的值，使用此istead：

var txtSearch = $("#searchTextField").val();

编辑：对于调试，您可以将FireBug与Mozilla或其他主流浏览器中提供的任何其他开发人员工具一起使用。

编辑2：在ajax URL中，我看到一个完整的URL，请确保该URL与您的Web服务器位于同一个域中，否则您将收到权限被拒绝错误。

Answer 2

如果您使用的是谷歌浏览器，可以按Ctrl + Shift + I - 也可以使用Firefox。然后，您可以通过在debug中查找错误来调试您的javascript错误。

JavaScript函数没有触发

2 个答案: