0

ここにあるbootstrap-ajaxプラグインを使用しようとしていますが、非常に基本的な初心者の間違いを犯している可能性があります： bootstrap-ajax

外部ページへの GET 要求を実行し、その外部ページの JSON 応答から指定された div を更新することになっている送信ボタンで構成される非常に基本的なフォームがあります。

<div class="done-score" data-refresh-url="ajaxrefreshdiv.php">
Refresh Div
</div>

<div class="done-list">
Append Div
</div>

<a 
href="ajaxrefreshdiv.php" 
class="btn ajax" data-method="GET"
data-append=".done-list"
data-refresh=".done-score"
>

<i class="icon icon-check">
</i>
Done
</a>

外部phpページには、次のコードがあります。

<?
header('Content-type: application/json');
echo '
        [{"html":"THIS IS MY TEST"}]
     ';
?>

私もエコーアウトしてみました：

var data = {"html":"This is a test"};

私が見たすべての例と私が見たチュートリアルから、これは適切な応答方法であるように見えましたが、文字列がページに表示されておらず、スピナーの回転も停止していません (確認を待っているように)ページが応答しました)。ただし、更新 div は初期テキストを削除し、空の div に更新するため、更新が正しく機能していることがわかります。

私は何を間違っていますか？

アップデート

問題は間違いなくjson応答のフォーマットであることを確認しました。PHP を使用して配列を作成し、json_encode を使用してその配列をエコーアウトすることができました。「html」キーの値が div に表示されるようになりました。

$data=array(
'html' => '<div class="row-fluid">THIS IS MY TEST</div>'
);
echo json_encode($data)
;

しかし、スピナーは、スクリプトがまだある種の検証を待っているかのように回転していますか?

4

1 に答える 1

0

私は私の質問に対する答えを見つけました。他の誰かが同じ問題に遭遇した場合に備えて、ここに解決策があります：

divが更新または更新されない（少なくともこの特定の場合）問題は、json応答のフォーマットが正しくないことが原因でした。

初期ボタンまたはフォームを含むdivが消えるか、スピナーが継続的に回転する問題： 作業例のソースコードを調べた後、ajaxボタンを含むdiv用に更新されるhtmlコードを含むフラグメント配列を返送する必要があることに気付きましたまたはajaxフォーム。

于 2013-02-27T13:17:55.743 に答える