Javascript 将表单提交到外部服务器,结果显示在iframe中

Javascript 将表单提交到外部服务器,结果显示在iframe中,javascript,php,jquery,html,iframe,Javascript,Php,Jquery,Html,Iframe,我有任务要做。 我正在建立页面,多搜索系统。 用户将输入名称并选择选项。 根据选择的选项,将向特定供应商提交表格并提出要求。作为回报,我会把他们的名单放在那里。不幸的是,我不能使用API来做这件事。所以我试着用老办法 我尝试使用ajax等PHP,但没有成功。我不知道如何将结果从POST推送到iframe。如果我可以修改DOM,更改/删除页面中不需要的元素,那就好了。当我使用javascript/jquery时,我遇到了CORS源问题 我的代码目前在主文件中,但稍后会将其移动到单独的文件中 <

我有任务要做。 我正在建立页面,多搜索系统。 用户将输入名称并选择选项。 根据选择的选项,将向特定供应商提交表格并提出要求。作为回报,我会把他们的名单放在那里。不幸的是,我不能使用API来做这件事。所以我试着用老办法

我尝试使用ajax等PHP,但没有成功。我不知道如何将结果从POST推送到iframe。如果我可以修改DOM,更改/删除页面中不需要的元素,那就好了。当我使用javascript/jquery时,我遇到了CORS源问题

我的代码目前在主文件中,但稍后会将其移动到单独的文件中

<div class="container">
      <div class="jumbotron">
      <?php
        if ( $_SERVER[ "REQUEST_METHOD" ] != "POST" ) {
            $self = $_SERVER[ "PHP_SELF" ];
            ?>
    <form id="search_form" method="post" action="<?php echo $self; ?>" role="form">
          <label>Name</label>
          <input id="companyname" type="text" name="company_name">
          <select id="country" name="country">
        <option value="maine">Maine</option>
      </select>
          <button type="submit">Search</button>
        </form>
        <?php 
        }else{
            $company_name = $_POST["company_name"];
            $country = $_POST["country"];

            switch($country){
                case "maine":
                     echo '<script>console.log("maine")</script>';
                    $url = 'https://icrs.informe.org/nei-sos-icrs/ICRS';
$ch = curl_init( $url );
curl_setopt( $ch, CURLOPT_POST, 1);
curl_setopt( $ch, CURLOPT_POSTFIELDS, $company_name);
curl_setopt( $ch, CURLOPT_FOLLOWLOCATION, 1);
curl_setopt( $ch, CURLOPT_HEADER, 0);
curl_setopt( $ch, CURLOPT_RETURNTRANSFER, 1);
$response = curl_exec( $ch );   
//              echo '<script>$("#search_form").bind("submit", function() {
// $.ajax({
//   type     : "POST",
//   cache    : false,
//   url      : "https://icrs.informe.org/nei-sos-icrs/ICRS",
//   data     : {WAISqueryString:  $("company_name")},
//   success  : function() {  $("#myIframe").attr("src", "data.responseText") }
// });
// return false;
//});</script>';
                    break;
            }

        }?>
  </div>
    </div>
<div class="col-md-12" style="height:100vh">
      <div id="frame" style="height: 100vh"><iframe id="myIframe" scrolling="no"></iframe> </div>
    </div>


你试过JSONP吗?我已经读过了,但是我没有找到如何处理响应的信息。