Как выбрать данные без нажатия на любую кнопку в JQuery Mobile

0

Код выглядит следующим образом

скрипт

<script type="text/javascript">
    $(document).ready(function() {
        $("#like1").click(function() {
            $("#offer2").val(1);
            $("#like1").attr("src", "images/like_on.png");
            $("#unlike1").attr("src", "images/unlike_off.png");
        });
        $("#unlike1").click(function() {
            $("#offer2").val(2);
            $("#like1").attr("src", "images/like_off.png");
            $("#unlike1").attr("src", "images/unlike_on.png");
        });
        $("#like2").click(function() {
            $("#offer4").val(1);
            $("#like2").attr("src", "images/like_on.png");
            $("#unlike2").attr("src", "images/unlike_off.png");
        });
        $("#unlike2").click(function() {
            $("#offer4").val(2);
            $("#like2").attr("src", "images/like_off.png");
            $("#unlike2").attr("src", "images/unlike_on.png");
        });
        $("#update").click(function(e) {
            e.preventDefault();
            var video1 = $("#offer1").val();
            var rating1 = $("#offer2").val();
            var video2 = $("#offer3").val();
            var rating2 = $("#offer4").val();
            var dataString = 'video1=' + video1 + '&rating1=' + rating1 + '&video2=' + video2 + '&rating2=' + rating2;
            $.ajax({
                type: 'POST',
                data: dataString,
                url: 'insert.php',
                success: function(data) {
                    //alert(data);
                }
            });
        });
    });

</script>

тело

<div id="content-area" >

    <br>
    <form name="frm" method="POST" action="">
        <div id="content-area1"> <p style="color:#FFFFFF;font-size:14px;margin-left:8px;padding-top:18px;word-spacing:5px;" class="content-videos">HOW TO PUT ON YOUR ACUVUE BRAND CONTACT LENSES</p></div>
        <div id="content-video1area"><a href="play_video1.html"><img src="images/play_video.png" width="57" height="53" style="float:right; margin-right: 278px;margin-top: 77px;"/></a></div>
        <div id="content-area2"><p style="color:#FFFFFF;font-size:14px;margin-left:15px;padding-top:22px;">HELPFUL?</p><img src="images/unlike_off.png" width="39" height="33" style="float:right; margin-right: 55px;margin-top: -23px;" id="unlike1"/><img src="images/like_off.png" width="39" height="33" style="float:right; margin-right: -83px;margin-top: -23px;" id="like1"/></div>
        <input type="hidden" name="offer1" id="offer1" value="1" />
        <input type="hidden" name="offer2" id="offer2" value="" />
        <br>
        <div id="content-area1"><p style="color:#FFFFFF;font-size:14px;margin-left:8px;padding-top:18px;word-spacing:5px;" class="content-videos">HOW TO TAKE OFF YOUR ACUVUE BRAND CONTACT LENSES</p> </div>
        <div id="content-video2area"><a href="play_video2.html"><img src="images/play_video.png" width="57" height="53" style="float:right; margin-right: 278px;margin-top: 77px;"/></a></div>
        <div id="content-area2"><p style="color:#FFFFFF;font-size:14px;margin-left:15px;padding-top:22px;">HELPFUL?</p><img src="images/unlike_off.png" width="39" height="33" style="float:right; margin-right: 55px;margin-top: -23px;" id="unlike2"/><img src="images/like_off.png" width="39" height="33" style="float:right; margin-right: -83px;margin-top: -23px;" id="like2"/></div>
        <input type="hidden" name="offer3" id="offer3" value="2" />
        <input type="hidden" name="offer4" id="offer4" value="" />


        <input type="hidden" name="name" id="name" value="" />
        <input type="hidden" name="last_name" id="last_name" value="" />
        <input type="submit" name="Update" id="update" value="Update" />
    </form>
</div>

PHP-код для вставки данных

<?php
include('libraries/config.php');
  $video1 = $_POST['video1'];
  $rating1 = $_POST['rating1'];
  $video2 = $_POST['video2'];
  $rating2 = $_POST['rating2'];
  $stmt = $db->prepare("INSERT INTO videos(videoID,rating) VALUES ('$video1','$rating1')");
        $stmt->execute();
  $stmt = $db->prepare("INSERT INTO videos(videoID,rating) VALUES ('$video2','$rating2')");
        $stmt->execute();       
?>

здесь можно вставлять данные, но я могу вставлять их при нажатии кнопки обновления, данные должны быть вставлены автоматически, без нажатия любой кнопки, если это возможно, если это так, пожалуйста, помогите. а также мне нужно заполнить данные, снова перейдя на эту страницу. благодаря

  • 0
    так как же вы хотите сохранить данные вместо нажатия кнопки обновления?
  • 3
    Вам нужно «событие», чтобы вызвать обновление. Что бы вы хотели, чтобы это было? Клавиша нажата? Кто-то заканчивает печатать? Прошло немного времени?
Показать ещё 2 комментария
Теги:

2 ответа

0
Лучший ответ

попробуйте событие разгрузки:

$(window).unload(function(){
    var myData = {'var1':42, 'arg2':24};// Data for myScript.php
    $.post("myScript.php", myData, function(data) {
        console.log(data);// Result of myScript.php
    });
});

EDIT: добавьте этот код juste перед </script>. Этот код вызовет вашу функцию обновления.

$(window).unload(function(){
    $("#update").click({'preventDefault':function(){}});
});
Поделиться
  • 0
    $ ("# update"). click (function (e) {e.preventDefault (); var video1 = $ ("# offer1"). val (); var rating1 = $ ("# offer2"). val (); var video2 = $ ("# offer3"). val (); var rating2 = $ ("# offer4"). val (); var dataString = 'video1 =' + video1 + '& rating1 =' + rating1 + '& video2 =' + video2 + '& rating2 =' + rating2; $ .ajax ({тип: 'POST', данные: dataString, url: 'insert.php', success: function (data) {}});}) ;
  • 0
    в том, что вместо приведенного выше кода я должен использовать то, что вы предложили
Показать ещё 2 комментария
0

Это так же просто, как преобразование $ ("# update"). Click (function (e)

к названной функции

function update(){
     e.preventDefault();
        var video1 = $("#offer1").val(); //etc.

}

Затем добавьте это внутри каждой из ваших функций "щелчка".

$("#like1").click(function() {
        $("#offer2").val(1);
        $("#like1").attr("src", "images/like_on.png");
        $("#unlike1").attr("src", "images/unlike_off.png");
        update();
    });
Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню