2016-10-24 35 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