首页 > 解决方案 > 将提交的 XML 数据显示到文本字段中

问题描述

在过去的几天里,我一直在尝试解决这个问题,但无济于事,我正在制作一个货币转换表,您可以在其中发布、删除和编辑货币,到目前为止我已经开始工作了。提交后,我有一个功能可以将数据发送到正确的 php 表单,我使用隐藏的 iframe 停止刷新(我知道这很糟糕,但我无法让 ajax 使用该功能),我正在尝试什么要做的是,一旦用户单击提交,我希望他们刚刚输入的 xml 显示在下面的响应文本字段中,其中包含他们使用的方法和时间。

抱歉,我是 ajax 新手,这是一个很长的问题,这里是函数的代码

<script type="text/javascript">
function OnSubmitForm()

{

  if(document.myform.operation[0].checked == true)
{
   document.myform.action ="currPost.php";
}
 else
 if(document.myform.operation[1].checked == true)
{
  document.myform.action ="currPut.php";
}
else if(document.myform.operation[2].checked == true)
{
    document.myform.action ="currDel.php";
 }
return true;

}
</script>

这是一些提交的 xml 的样子

<currency>
<code rate="33">testagain2</code>
<cname>ew</cname>
<cntry>3232</cntry>
</currency>
</currencies>

https://imgur.com/a/LzKIGeL “形成”任何建议表示赞赏

继承人的表单代码与删除的jframe

 <!--tickboxes-->

 <form name="myform"    method="POST" onsubmit="return OnSubmitForm();">

   <input type="radio" name="operation" value="1" id="Post"      onclick="displayFunctionPost()"> Post
      <input type="radio" name="operation" value="2" id="Put" onclick="displayFunctionPut()"> Put
  <input type="radio" name="operation" value="3" id="Delete" onclick="displayFunctionDelete()"> Delete
 <br>
 Currency Code:
     <br>
    <input type="text" id="currency-code" placeholder="Code" disabled>
     <!--currency form-->
    <br>
     Currency Name
    <br>
    <input type="text" class="form-control"  id="currency-name" placeholder="name" disabled>
    <br>
     <!---rates form--->    
     Rate (£=1):
     <br>
     <input type="number" id="rate" placeholder="rate" disabled>
 <!---countries form-->
     <br>
     Countries (comma separated if 1+)
     <br>
     <input type="text" id="countries" placeholder="countries" disabled>
    <br>
 <!---xml response--->
   <br>
    Response Message:
    <br>
          <input type="text" class="form-control" disabled id="response-xml" placeholder="Response XML">
     <input type="Submit" name="submit" value="Submit">
    </form>

标签: phpajaxxml

解决方案


推荐阅读