我的JavaScript函数没有被激活/调用?

时间:2014-04-08 12:43:57

标签: javascript html

我的程序中有一个功能,如果点击该按钮,它应该搜索并重定向到另一个页面:

的javascript:

 function initContactView() {
    var txtSearch = $("#searchTextField").val();
    $.ajax({
        type: "GET",
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        crossDomain: true,
        url: "http://swm-wsdl.companyX.net/mobile.asmx/ContactGet",
        data: param = "searchField="+txtSearch+"&office="+localStorage.getItem("office")+"&person="+localStorage.getItem("person")+"&user="+localStorage.getItem("user")+"&organization="+localStorage.getItem("organization")+"",
        success: successContact,
        error: function (msg) {
            console.log(msg);
        }
    });

} 

并在HTML中:

<li><a id="btnContacts" data-action="initContactView" data-click="initContactView()">Contacts</a></li>

我已经使用了警报,但有人被解雇了! ,我似乎无法找出原因?

按F12显示:GET http://swm-wsdl.companyX.net/mobile.asmx/ContactGet?searchField=ruan&office=97&person=119&user=531&organization=14 500 (Internal Server Error)

4 个答案:

答案 0 :(得分:1)

使用onClick="initContactView()"href="javascript:initContactView()"代替data-click="initContactView()"

答案 1 :(得分:0)

data-click不正确的javascript事件,您应该使用onclick事件

<li><a id="btnContacts" data-action="initContactView" onclick="initContactView()">Contacts</a></li>

答案 2 :(得分:0)

首先,使用之前提出的onclick。 data-click是根本不由事件API处理的任意数据。

接下来尝试在a元素中提供一个href属性,以便浏览器正确识别其链接语义。在这种情况下,您应该阻止事件触发其默认操作,如下所示:

function initContactView( event ) {
    event.preventDefault();

    // your code ...
}

您的HTML可能如下所示:

<a href="#" onclick="initContactView();">Contacts</a>

答案 3 :(得分:0)

试试这个:

使用onclick而不是data-onClick

onclick="initContactView();

谢谢。