CodeIgniter 2.x 内で単純な JQuery AJAX ページの読み込みを実行しようとしています。
また、Web ブラウザーによって応答が異なるようです。注: これは間違ったパスの問題ではありません。ページは正常に動作し、正常に表示されます。base_url、realurl を使用し、手動で絶対パスを入力し、手動で相対パスを入力しましたが、100% 成功するものはありません。時々私はそれが .htaccess ファイルだと思いますが、それがすべてのブラウザーだけでなく 1.
これは現在、次のブラウザーで機能しています。
- クロム - 動作しません
- IE 9 - 作品
- FireFox-動作
- サファリ - 作品
- オペラ - 作品
助けたい人のために、きれいなCIテストサイト/アプリケーションをオンラインにしました：デモ（ここでもテストできます。ページにリストされているポイント1、2、3を試して、コンソール出力を見てください）： http: //www.allforthecode.co .uk/dev/CodeigniterJQueryAJAXTest/
ファイル:
/application/controllers/test.php
/application/views/test.php (loaded in by test.php)
/application/controllers/advert/test2.php (loaded in by the test.php view via JQuery ajax)
/application/controllers/test_root.php (loaded in by the test.php view via JQuery ajax)
/application/views/advert/test2.php (loaded in by test2.php)
testapp/アプリケーション/コントローラー/test.php
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class test extends CI_Controller {
public function index()
{
$this->load->view('test');
}
}
?>
/application/views/test.php (test.php コントローラーによって読み込まれます)
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>JQUERY AJAX TEST</title>
<!-- CSS START -->
<style>
html, body {
font-family: arial;
font-size: 12px;
}
#container {
width: 100%;
height: 400px;
border: 2px solid #000000;
overflow: auto;
}
</style>
<!-- JS INCLUDES START -->
<script type="text/javascript" src="<? echo(base_url(" includes/js/jquery/jquery-1.7.2.min.js
")); ?>"></script>
<script type="text/javascript" src="<? echo(base_url(" includes/js/functions.js
")); ?>"></script>
<!-- JQuery AJAX START -->
<script type="text/javascript">
function loadPage() {
$url = $("#url").val();
var request = $.ajax({
type: "post",
url: $url,
data: "t=1234",
success: function (data) {
trace("#### SUCCESS ####");
$("#container").html(data);
},
error: function (data) {
trace("#### ERROR ####");
trace("data = " + data);
traceObject(data);
traceToDiv("#container", "<h2>#### ERROR ####</h2>");
traceObjectToDiv("#container", data);
},
statusCode: function (data) {
trace("#### StatusCode ####");
traceObject(data);
traceToDiv("#### StatusCode ####");
traceObjectToDiv(data);
},
isModified: function () {
trace("#### isModified ####");
}
});
}
<!-- JQuery AJAX END -->
</script>
</head>
<body>
<form id="frm">
<input type="button" value="LOAD PAGE IN BOX" onclick="loadPage();" />
<input type="reset" value="RESET" />
<div id="container"></div>
<b>JQuery AJAX page url target:</b>
<input type="text" id="url" value="advert/test2"
/>
<ol>
<li>
<p>Set
<b>url target</b>to "test_root" to test load a root page. (WORKS IN CHROME!)</p>
</li>
<li>
<p>Set
<b>url target</b>to "advert/test2" to test load a 1 dir deep controller page.
(FAILS IN CHROME!)</p>
</li>
<li>
<p>Set
<b>url target</b>to "../ci.php" to test load a php page outside of the codeigniter
framework. (WORKS IN CHROME?!)</p>
</li>
</ol>
</form>
<br>
<h3>Test links</h3>
<ul>
<li>Browser test link via index.php/
<br/>
<a href="<? echo(base_url(" index.php/advert/test2 ")); ?>"><b><? echo(base_url("index.php/advert/test2")); ?></b></a>
</li>
<li>Browser test link direct (needs .htaccess to work)
<br/>
<a href="<? echo(base_url(" advert/test2 ")); ?>"><b><? echo(base_url("advert/test2")); ?> </b></a>
</li>
<li>Browser test link direct (needs .htaccess to work)
<br/>
<a href="<? echo(base_url(" test_root ")); ?>"><b><? echo(base_url("test_root")); ?></b></a>
</li>
<li>Browser test link direct
<br/>
<a href="../ci.php"><b>../ci.php</b></a>
</li>
</ul>
<br>
<p>Windows 7x64 - Browser results:</p>
<ul>
<li>Chrome - Fail</li>
<li>IE 9.0.8112.16421 64Bit - Success (Compatability view on & off)</li>
<li>IE 9.0.8112.16421 32Bit - Success (Compatability view on & off)</li>
<li>FireFox 14.0.1 - Success</li>
<li>Opera 12 build 1467 - Success</li>
<li>Safari 5.1.7 (7534.57.2) - Success</li>
</ul>
</body>
</html>
/application/controllers/advert/test2.php (JQuery ajax 経由で test.php ビューによって読み込まれます)
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class test2 extends CI_Controller {
public function index()
{
$this->load->view('advert/test2');
}
}
?>
/application/views/advert/test2.php (test2.php によって読み込まれます)
Hello I am loaded by JQuery AJAX
../ci.php
<?
echo("I am a php file echo test from outside of the Codeigniter test site");
?>
Chromes ネットワークの結果は次のとおりです。
http://127.0.0.1/testapp/public/advert/test2 - Method:POST - Status: Failed
追加
このコードが Chrome で機能する唯一の方法は、
- このプロジェクトの CodeIgniter フレームワーク外の html ファイルを使用すると、JQuery AJAX ロードが機能します。Chrome 以外のすべてのブラウザで機能する理由はありますか?
と
- JQuery がロードしたいページを CodeIgniter Web サイトのルートに配置するとします。「application/views/advert/test2.php」をロードする「application/controllers/test.php」は機能しますが、「application/controllers/advert/test.php」は機能しませんか? しかし、他のすべてのブラウザで動作しますか? Chrome ステータス - 0
アイデアはありますか?
http://www.allforthecode.co.uk/dev/CodeigniterJQueryAJAXTest/で試してみて、ページにリストされているポイント 1、2、および 3 を試し、コンソール出力を確認してください)
ZIP: http://www.allforthecode.co.uk/dev/CodeigniterJQueryAJAXTest/CodeigniterJQueryAJAXTest.zip