Question

我在按钮点击时从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。

Answer 1

单击按钮，创建要发送到其他页面的html（作为字符串）并将其粘贴到变量中。然后，创建一个带有输入字段的表单，例如name="input_to_send"，并将HTML（字符串var）粘贴到该字段中：

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

然后，使用jQuery的.submit()方法将表单提交到目标页面。

表单的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>';

您需要更大的代码示例吗？从上面问题中的代码来看，我认为你不会这样做。

如何使用jquery将按钮单击上的xml数据传递到其他页面

1 个答案: