在Jquery

时间:2016-10-11 20:25:33

标签: javascript jquery asp.net asp.net-mvc image

我正在尝试使用ASP.NET MVC5中的JQuery动态构建HTML。到目前为止我已经成功了,但是在JQuery代码中无法解析URL。

我的代码看起来像这样:

$.ajax({
  type: 'POST',
  url: '@Url.Action("QuerySearch")',
  dataType: 'json',
  data: {
    queryName: $("#queryText").val()
  },
  success: function (data) {
    // var items = '';
    $.each(data, function (i, item) {

    var resource_Url = item.ResourceURL;
    // var resource_url = item.ResourceURL;
    var append_data = $('<div class="row">'
    + '<h3>' + item.ResourceTitle + '</h3>'
    + '</div>'
    + '<div class="row">'
    + '<span class="label label-primary" style="margin:3px;font-size:small;">'
    + item.ResourceEducation
    + '</span>'
    + '<span class="label label-warning" style="margin:3px;font-size:small;">'
    + item.ResourceGrades
    + '</span>'
    + '<span class="label label-info" style="margin:3px;font-size:small;">'
    + item.ResourceSubject
    + '</span>'

    + '<a href="@Url.Content("' + item.ResourceURL + '")">'
    + '<img src="@Url.Content("~/Content/Resources/download_icon.png")" alt="Download Resource" style="height:24px;width:24px;"/>' 
    + '</a>'

虽然此代码能够检索我的项目中定义的download_icon的图像,但是它无法显示/嵌入我正在尝试在<a href>中显示的函数从服务器获取的URL标签

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:2)

您需要从服务器传递完整的url值作为收到的数据的属性。或者将其存储在本地

ASP代码不在浏览器中运行,仅在服务器

上运行

答案 1 :(得分:0)

诀窍很简单,href标签必须改为:

'<a href="' + item.ResourceURL + '">'

它像魅力一样