2017-09-28 10 views
0

私はcodeigniterを使用しています。 は、私は私のフロントエンドコードでこれをやっている: -PHPの応答から来るhtmlをレンダリングする方法

$scope.book=function(){ 
$http.get("./Booking/index") //getting response as an html page, should render it to do correctly. 
    .then(function (data) { 
     console.log(data);  //prints whole html code of booking.html 
}); 
} 

そして、私の予約コントローラに私がやっている: -

public function index(){ 
    $this->load->view('booking'); 
} 

をだから私はhtmlページgetting response as html page

としての応答として取得しています

そのHTMLをフロントエンドコードとしてレンダリングしたいのですがどうすればいいですか?簡単な言葉で私は実行時に私の本の機能を望んで、フロントページとして予約ページを放棄して、私はリクエストを受けて応答しています。あなたはこの

public function index(){ 
    print_r($this->load->view('booking', '', TRUE)); 
} 

のように、コントローラと私の答えはであるように、この

$scope.book=function(){ 
$http.get("./Booking/index") //getting response as an html page, should render it to do correctly. 
    .then(function (data) { 
     console.log('success'); 
     $("#some_div_id"),html(data); 
}); 
} 

答えて

2

にあなたのjqueryの変更で、私は、あなたが使用しているJSフレームワークを知っていない変更する必要が

-3

裸のjavascript。解決策は、ページ内の要素の内容を置き換えることです。あなたはそうすることができます

$scope.book=function(){ 
$http.get("./Booking/index") 
    .then(function (data) { 
     document.querySelector('.class_selector_or_#id_or_body').innerHTML = data;  
}); 
} 
+2

OPは確かに 'print_r()'を使ってhtmlを破壊したくありません。 OPがjQueryを使用しているかどうかはわかりませんが、Angularのようになります。 – jeroen

+0

参照エラー:htmlが定義されていません。依存関係として追加しましたが、インジェクタモジュールエラーが発生しました。 – Asim

+0

@AsimRajaは '$("#some_div_id ")を使います.html(data)'は基本的なjQueryです。 – anwerj

関連する問題