Jquery＆AJAXを使用してDIV内にPHPファイルを含める

Question

私の問題は、ページを再読み込みせずにボタンを押したときにDIV内にPHPファイルを含める必要があることです。

'Jsfiddle'ファイルにはさらに詳しい説明があります。

以下は、付属のJsfiddleドキュメントです。お時間を

http://jsfiddle.net/jjygp/5/

感謝。私は、リクエストに応じて何か情報を提供することに満足しています。

Answer 1

は、以下のことを試してみてください。

<button name="Change" id="Change">Change Div</button> 

あなたがIDにクリック機能を指定しているが、何のidがボタンに設定されていません。

Answer 2

はhere for your updated jsfiddle

あなたはChangeの名前の変更]ボタンをマークしていたが、changeのIDでそれを選択しようとしていた参照してください。また、jsfiddleにjQueryを含めるように伝えていませんでした。

Answer 3

あなたはAJAXとPHPファイルが含まれていますが、代わりに持っているPHP（あるAJAXサーバーサイドスクリプトの応答ができない

http://api.jquery.com/load/

Answer 4

jqueryの負荷（）関数で試すことができます同じ効果）。

読み込んでいます...

JSファイル（コード）：

<?php 
    $id = (int) @$_GET['id']; // same as in data part of ajax query request 
    $action = @$_GET['action']; // same as in data part of ajax query request 

    $text = '<a href="/index.php?id=' . $id . '&action=' . $action . '">click me</a>'; 

    // Note this is short example you may want to echo instead of die 
    // You may use not JSON, but raw text. However, JSON is more human-friendy (readable) 
    // and easy to maintain. 
    // Note also the array keys are used in the onAjax function form res (response). 
    die(json_encode(array('text' => $text /* and anything else you want */))); 
?> 

Answer 5

PHPはサーバー側のスクリプト言語である：

function ajaxalizeDiv() 
{ 
    $.ajax({ 
     type: "get", 
     url: "/path/to/the/php/you/want/to/include", 
     data: { 
      // Anything in json format you may want to include 
      id: myvarwithid, // descriptive example 
      action: "read" // descriptive example 
     }, 
     dataType: "json", 
     success: onAjax 
    }); 
} 

function onAjax(res) 
{ 
    if(!res || !res.text) 
     return; 

    $("#mydiv").html(res.text); 
} 

そして、ここでは、PHPファイルを行きますこれはJavaScriptスクリプトの前に実行されます。

したがって、​​を使用してPHPコードを実行することはできませんが、.ajax()を試して、PHPコードを実装できるサーバーへのAJAXリクエストを作成することができます。

.ajax()の使用に問題がある場合はhttp://api.jquery.com/jQuery.ajax/をご覧ください。

注：メソッドには、 "jqXHR（jQuery 1.4.x、XMLHTTPRequest）オブジェクトを送信する前に変更するために使用できる"という設定のbeforeSendがあります。この方法があなたを助けてくれることを願っています。

$(document).ready(function(){ 
    $("#Change").click(function(){ 
    //doing AJAX request 
    $.ajax({ 
     url:"include/start10.php", 
     beforeSend:function(){ 
     $('#myDiv').fadeOut('slow'); 
     }, 
     success:function(data){ 
     // do something with the return data if you have 
     // the return data could be a plain-text, or HTML, or JSON, or JSONP, depends on your needs, if you do ha 

     $('#myDiv').fadeIn('slow'); 
     } 
    });  
    }); 
});