Как передать данные XML при нажатии кнопки на другую страницу, используя jquery

0

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

$('#findPO').click(function() {

    $.get('data.xml',function(data){
        /* window.location.href = 'Search_Result.html'; */
        $('#resultContainer').empty();
        $(data).find('project').each(function(){
            var $project = $(this);
            var html = '<div class="data">';                      
            html += '<h3>' + $project.attr('company') + '</h3>';
            html += '<div class="product">' + $project.find('product').text() + '</div>';                   
            html += '<div class="type">' + $project.find('type').text() + '</div>';
            html += '<div class="members">' + $project.find('members').text() + '</div>';

            $('#resultContainer').append(html);

        });                        
    });
    return false;
});

Я должен использовать только javascript или jquery html и css.

Теги:

1 ответ

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

Нажав кнопку, создайте html, который вы хотите отправить на другую страницу (в виде строки), и вставьте его в переменную. Затем создайте форму с полем ввода, например, с name="input_to_send" и name="input_to_send" HTML (string var) в это поле:

$('#input_to_send').val(strHTML2Send);

Затем используйте метод jQuery .submit() чтобы отправить форму на .submit() страницу.

action="somepage.php" form action="somepage.php", конечно, будет содержать имя целевой страницы, а также method="POST".

Таким образом, процедура $.get() будет выглядеть так:

$.get('data.xml',function(data){
    /* window.location.href = 'Search_Result.html'; */
    $('#resultContainer').empty();
    $(data).find('project').each(function(){
        var $project = $(this);
        var html = '<div class="data">';                      
        html += '<h3>' + $project.attr('company') + '</h3>';
        html += '<div class="product">' + $project.find('product').text() + '</div>';                   
        html += '<div class="type">' + $project.find('type').text() + '</div>';
        html += '<div class="members">' + $project.find('members').text() + '</div>';

        $('#resultContainer').append(html);

        var myForm = '<form id="form2send" action="other_php_file.php" method="POST">';
        myForm += '<input name="input_to_send" type="hidden" value="' +html+ '" /></form>';

        $('#some_spare_empty_div').html(myForm);
        $('#form2send').submit();

    });                        
});

На получающей стороне вы получите html, который вы отправили следующим образом:

<?php
    $h = $_POST['input_to_send'];
    echo '<div id="put_it_here">';
    echo $h;
    echo '</div>';

Вам нужен пример с большим кодом? Судя по приведенному выше коду, я не думаю, что вы это делаете.

Поделиться
  • 0
    что будет делать этот код PHP любое другое решение без PHP. Или вы можете Eloborate. на данный момент нажатие кнопки перемещается по странице, но с пустыми данными.
  • 0
    (1) Вы раньше работали с HTML-формами? (2) В прошлом, как вы использовали данные из формы POST? (3) Какой язык программирования у вас есть? Примечание. Если вы используете хостинговую учетную запись на основе CPANEL, возможно, у вас есть PHP.
Показать ещё 2 комментария

Ещё вопросы

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