2016-10-24 37 views
2

有沒有什麼辦法來實現這一目標:追加刀片文件jQuery函數

<script> 
    $('#appends').append('<div class="content-section" id="services">' + 
    " @include('visitor.pages.services') " + 
    ' </div>'); 
</script> 

什麼,我想是的visitor.pages.services內容附加到#appends DIV

visitor.pages.services是不是一個PHP的網址什麼的。這只是我在我的主頁中包含的一些html行。

這是文件

<div class="container"> 
    <div class="row"> 
     <div class="heading-section col-md-12 text-center"> 
      <h2>Our Services</h2> 
      <p>We design mobile-first websites for you</p> 
     </div> <!-- /.heading-section --> 
    </div> <!-- /.row --> 
    <div class="row"> 
     @foreach($data['services'] as $service) 
      ... bla bla 
     @endforeach 
    </div> <!-- /.row --> 
</div> <!-- /.container --> 
+0

如果加載..的答案沒有解決您的問題,您需要包含有關'visitor.pages.services'的更多信息。 – Andrew

+0

@Andrew我通過爲這個部分創建一個url解決了這個問題。 btw我在Laravel。現在我在傳遞$ data ['services']時遇到了另一個問題。如果你有一些想法,請分享:) – Iraklis

+0

其實我固定它。非常感謝:)) – Iraklis

回答

4

至於你的問題說,你想獲得的文件的內容,並追加到特定元素。

使用$.get()

$.get("visitor.pages.service.html", function(data){ 
    $('#appends').append(data); 
}); 

OR​​

$('#appends').append($('<div>').load('visitor.pages.service.html')); 

OR .ajax()

$.ajax({ 
    url: "your.html", 
    success: function (data) { $('#appends').append(data); }, 
    dataType: 'html' 
}); 
+0

嘿插件..感謝您的幫助。這只是我的數據不是網址內容。我只是在我的主頁中包含php文件的尾部。我想要的是追加這些PHP行當我想要 – Iraklis

+1

@Iraklis如果你想從服務器(PHP)在客戶端(jQuery)中獲取數據,你需要使用'$ .ajax()'從數據中獲取數據PHP。 –

+0

如果我按照你說的正確的話,我將獲得我的主頁的所有數據,而不僅僅是我想要的部分數據。如果我'得到'的數據網址,我將被迫獲取主頁的所有數據,而不僅僅是服務。我對嗎? – Iraklis