JavaScript function is not triggering

Question

I have html/kendo ui mobile as follows:

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

then 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');
}

the function successContact is just putting it all in list view.
My problem is when I take out all the code in JavaScript function the alert works fine, as soon as I put all the other code back, nothing happens when I trigger the button.

What the JavaScript code should do is to connect to my web service and retrieve data.

Any help?

That would be the syntax errors halting your code execution, such as data: = 'string' etc. which is not valid — adeneo
– adeneo, Commented Apr 3, 2014 at 10:16
ok cool thanx, is there any way I can debug javascript not using alerts? — user3458266
– user3458266, Commented Apr 3, 2014 at 10:21

Mauro Valvano · Accepted Answer · 2014-04-03 10:44:44Z

2

You have a syntax problem on "data: ="
I see you use jQuery, why don't use $("#searchTextField") for find the field?
txtSearch with getElementById will return a DOM element, non the value of the field, use this istead:

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

EDIT: For debugging you can use FireBug with Mozilla or any other developers tools available in al major browsers.

EDIT 2: In the ajax URL i see a complete URL, please be sure that the url is in the same domain of your web server or you will get a permission denied error.

edited Apr 3, 2014 at 10:44

answered Apr 3, 2014 at 10:19

Mauro Valvano

9331 gold badge10 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user1824857 · Accepted Answer · 2014-04-03 10:24:47Z

0

If you are using Google Chrome you can press Ctrl+Shift+I - Also firefox. Then you can debug your javascript errors by looking for the erros in debug.

answered Apr 3, 2014 at 10:24

user1824857

Collectives™ on Stack Overflow

JavaScript function is not triggering

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related