jQuery AJAX:如何将大型HTML标记作为参数传递?

前端之家收集整理的这篇文章主要介绍了jQuery AJAX:如何将大型HTML标记作为参数传递?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何使用jQuery AJAX将大型 HTML标记数据传递给我的 PHP?当我收到结果时,这是错误的.

jQuery AJAX代码

$('#saveButton').click(function() {
        // do AJAX and store tree structure to a PHP array 
        //(to be saved later in database)
        var treeInnerHTML = $("#demo_1").html();
        alert(treeInnerHTML);
        var ajax_url = 'ajax_process.PHP';
        var params = 'tree_contents=' + treeInnerHTML;
        $.ajax({
            type: 'POST',url: ajax_url,data: params,success: function(data) {
                $("#show_tree").html(data);

            },error: function(req,status,error) { }
        });
});

treeInnerHTML实际值:

<ul class="ltr">
   <li id="phtml_1" class="open">
       <a href="#"><ins>&nbsp;</ins>Root node 1</a>
       <ul>
           <li class="leaf" id="phtml_2">
             <a href="#"><ins>&nbsp;</ins>Child node 1</a>
           </li>
           <li class="last leaf" id="phtml_3">
             <a href="#"><ins>&nbsp;</ins>Child node 2</a>
           </li>
       </ul>
   </li>
   <li id="phtml_5" class="file last leaf">
       <a href="#"><ins>&nbsp;</ins>Root node 2</a>
   </li>
</ul>

从我的show_tree div返回结果:

<ul class="\&quot;ltr\&quot;">
   <li id="\&quot;phtml_1\&quot;" class="\&quot;open\&quot;">
       <a href="%5C%22#%5C%22"><ins></ins></a>
   </li>
</ul>

解决方法

查看是否将字符串中的参数更改为对象有助于:
var params = { tree_contents: treeInnerHTML };

http://jsfiddle.net/7bF2Y/

原文链接:https://www.f2er.com/jquery/175647.html

猜你在找的jQuery相关文章