0

我有一个获取参数的链接。当我单击它时，将调用 ajax。现在当它去

action.php，我有一个带有 php 值的表单（来自 mysql）。我想用 jquery 弹出这个

对话。

我不知道该怎么做。

      <script>


 $(document).ready(function(){
 $.ajax({
        type: "GET",
        url: this.href,
        cache:false,
        success: function(response){           
            if (response.length > 0) {  
            document.getElementById('display').innerHTML=wrapperelement; 
                wrapperelement.innerHTML = response; 
                $( "#dialog-form" ).dialog( "open" );
            }
        }
 });
});
</script>

更新代码

此文件的正文

       <body>
       <div id="display"></div>
       echo '<a href="action.php?pldid=' . $pldid . '" class="editbt">Edit</a>';
       </body>

所以我的action.php

   if (isset($_GET['pldid'])&& $_GET['pldid'])
 {
 $form = <<<EOF
<form>
<div id="dialog-form" title="Edit Fields">
  <p class="validateTips">All form fields are required.</p>



 <form>
 <fieldset>
 <label for="box">Box</label>
 <input type='text' name='box' id='box' class="text ui-widget-content ui-corner-all"   />
 <label for="itemname">itemname</label>
 <input type='text' name='itemname' id='itemname' class="text ui-widget-content ui-corner-all"   />
<label for="size">size</label>
 <input type='text' name='size' id='size' class="text ui-widget-content ui-corner-all"   />
<label for="potency">potency</label>
 <input type='text' name='potency' id='potency' class="text ui-widget-content ui-corner-all"   />
<label for="quantity">Quantity</label>
 <input type='text' name='quantity' id='quantity' class="text ui-widget-content ui-corner-all"   />

 </fieldset>
 </form>

</div>
EOF;
echo $form;
}

我希望链接打开一个带有表单的窗口（来自 mysql 的值）。任何建议都非常受欢迎..谢谢你..

4

2 回答 2

0

如果您的表单还没有在页面上，那么action.php应该只创建表单的标记，如果成功，只需通过innerHTML方法附加标记，从而显示对话框。

脚本.php

<?php

$form = "";
if (isset($_GET['pldid']) && $_GET['pldid']) { 
    $form = <<<EOF
<form id="dialog-form">
  ...
</form>
EOF;
}

echo $form;
?>

标记/javaScript

<div id="wrapper">
   <!-- I'm your wrapper. I'm waiting to receive your markup --> 
</div>

<script>
     var wrapperelement = document.getElementById('wrapper');
     $.ajax({
            type: "GET",
            url: this.href,
            cache:false,
            success: function(response){           
                if (response.length > 0) {   
                    wrapperelement.innerHTML = response; 
                    $( "#dialog-form" ).dialog( "open" );
                }
            }
     });
</script>

其中wrapperelement是一个空元素，您可以在其中附加在服务器端生成的标记

于 2013-05-13T07:31:34.790 回答
0 
$.ajax({
            type: "GET",
            url: this.href,
            cache:false,
            success: function(response){           
                if (response.length > 0) {   
                    wrapperelement.innerHTML = response; 
                    $( "#dialog-form" ).dialog( "open" );
                }
            }
     });
于 2016-12-07T07:00:37.600 回答