使用Jquery和Ajax從服務器獲取值的跨域Ajax請求

Question

我正在嘗試從本地主機向服務器中的php文件發出Ajax請求。 在測試時，我還沒有在PHP文件中執行真正的代碼。 我只希望PHP文件獲取發布的值並回顯相同的值。 從PHP文件獲取響應后，我要將其存儲在div中。

當我的本地主機中的search.php時，此方法工作良好，但拋出錯誤

XMLHttpRequest無法加載http://www.mysite.com/search.php 。 所請求的資源上沒有“ Access-Control-Allow-Origin”標頭。 因此，不允許訪問原始“空”。

這是服務器上非常簡單的PHP文件，它回顯所發布的內容。

的HTML

<form action='http://www.mysite.com/search.php' id='search-form' method='post'>  
    <input name='q' placeholder='Search' type='text' />
    <button id='search-button' type='submit'><span>Search</span></button>
  </form>
<div class="sample_code">Search Results</div>
<div id="result"></div>

jQuery的

     $("#search-form").submit(function(event) {

        /* stop form from submitting normally */
        event.preventDefault();

        /* get some values from elements on the page: */
        var $form = $(this),
            term = $form.find('input[name="q"]').val(),
            url = $form.attr('action');

        /* Send the data using post */
        var posting = $.post(url, {
            q: term
        });

        /* Put the results in a div */
        posting.done(function(data) {
            //var content = $(data).find('#content');
            $("#result").empty().append(data);
        });
    });

服務器中的一個PHP文件以回顯所發布的內容（search.php）

    <?php

    $item = $_POST['term'];
    echo $item;

    ?>

Answer 1

嘗試使用“ jsonp”，但是它僅支持GET方法並且是DOM阻塞的。

Answer 2

最好的解決方案，將ajax發布到您的php文件， 然后在php文件中使用curl 鏈接 ， 該鏈接將從另一個網站調用數據。

回聲卷曲響應並捕獲該數據。

我用過這種方法。 它的工作 。