请参阅我之前的帖子Add <li> dynamically reading from a folder photoswipe purpose
我将解释一下我工作的环境,我在apache服务器上有一个SPA网站移动我需要在同一台服务器上显示文件.jpg的名称以构建
PhotoSwipe的<li>
标签工作正常。因此,如果您阅读上一篇文章的答案是使用php来完成这项工作,但由于我根本不知道服务器语言我更喜欢使用aspx页面,但当然它会在另一个
网络服务器。所以我知道最简单的方法。我是否需要使用aspx或asmx我只需要构建包含所有<li>
标签的html并附加到我的<ul>
。
我在(SPA)客户端我写了这个。
$("#page").live("pagebeforeshow", function(){
alert("Start Json ");
$.getJSON('http://mysite:port/mypage.aspx', function (json) {
function(data){
$.each(data.data, function(i,item){
$("ul#PhotoList").append('<li><a href="' + item.images.low_resolution.url + ' rel="external"><img src="' + item.images.low_resolution.url + '" alt="' + item.caption.text + '" width="200" /></a></li>');
});
});
});
在我的aspx上:
Imports System.IO
Imports System.Net
Imports System.Text
Imports System.Web.Script.Serialization
在页面加载中我构建了我的html put in string变量而不是
Dim js As JavaScriptSerializer = New JavaScriptSerializer()
Dim sHTMLResponse As String = "http://Mysite.linktomyimage.jpg"
jsonString = js.Serialize(sHTMLResponse)
Response.Write(jsonString)
它是一个简单的aspx,没有任何特殊配置。我是否需要特别设置某些内容,或者上面的代码是否足够?
错误消息“XMLHttprequest”无法加载'http://mysite:port/mypage.aspx'
请求的资源上不存在Access-Control-Allow-Origin标头。因此不允许Origin null访问。
提前感谢您的帮助。