JQuery Mobile с проблемой AJAX - PullRequest
Новая
       31

JQuery Mobile с проблемой AJAX

1 голос
/ 06 мая 2011

моя проблема в том, что когда я перехожу непосредственно на эту конкретную страницу (newUserForm.jsp), я могу использовать этот метод при нажатии кнопкиНо когда я открываю эту страницу после перехода на другие страницы (http://localhost:8081/home.jsp#/newUserForm.jsp), щелчок ничего не делает - не отображает имя на экране.(newUserForm.jsp:) 

<!DOCTYPE html>
<html>
<head>
        <title>JQuery Mobile AJAX</title>
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-    1.0a2.min.css" />
        <script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
</head>
<body>
<script>
     $(function()
        {
                $("#callAjax").click(function()
                {
                        var theName = $.trim($("#theName").val());
                        if(theName.length > 0)
                        {
                                $.ajax({
                                        type: "POST",
                                        url: "/callajax.jsp",
                                        data: ({name: theName}),
                                        cache: false,
                                        dataType: "text",
                                        success: onSuccess
                                });
                        }
                });
                $("#resultLog").ajaxError(function(event, request, settings, exception)
                {
                        $("#resultLog").html("Error Calling: " + settings.url     + "<br />HTPP Code: " + request.status);
                });
                function onSuccess(data)
                {
                        $("#resultLog").html("Result: " + data);
                }
        });
</script>
<div data-role="page" id="indexPage">
        <div data-role="header">
                <h1>JQuery Mobile</h1>
        </div>
        <div data-role="content">
                <div data-role="fieldcontain">
                        <label for="theName">Please enter your name:</label>
                        <input type="text" id="theName" name="theName" value="" />
                </div>
                <input id="callAjax" type="button" value="Call Ajax" />
                <div id="resultLog"></div>
        </div>
        <div data-role="footer">
                <h1>AJAX Demo</h1>
        </div>
</div>
</body>
</html>

Считается ли это вызовом ajax?Я нашел этот код во время путешествия в Google ...

спасибо.

1 Ответ

0 голосов
/ 22 октября 2011 
$("#callAjax").bind('vclick',function(){...})

jQuery mobile использует vclick, а не click

...