将链接添加到信息文本中

时间:2013-09-24 13:57:07

标签: jquery html ajax

我有像这样的Ajax搜索框;

我想像这样改变NotfindText:"没有结果,但你可以尝试here"

的高级搜索

但我无法添加链接。我对Ajax一无所知。有人能帮助我吗?

function searchxx(a){(function(d){var f={blogURL:"",srcBlank:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",findText:"Search results for keyword",NotfindText:"No result!",Showthumb:true,LoadingText:"Searching...",scrthumbSize:50,summaryLength:100};f=d.extend({},f,a);var b=d("#ajax-search-form"),e=b.find(":text");b.append('<div id="search-result"></div>');var c=d("#search-result");b.on("submit",function(){var g=e.val();c.show().html('<div class="load">'+f.LoadingText+"</div>");d.get((f.blogURL===""?window.location.protocol+"//"+window.location.host:f.blogURL)+"/feeds/posts/default?alt=json-in-script&q="+g+"&max-results=9999",function(w){var v=w.feed.entry,r,q,u,s,h,k,m="";if(v!==undefined){m="<h4>"+f.findText+" &quot;"+g+"&quot;</h4>";m+='<a class="close" href="/">&times;</a><ol>';for(var o=0;o<v.length;o++){var l=new RegExp(g,"ig"),u=v[o].title.$t.replace(l,"<mark>"+g+"</mark>");for(var n=0,t=v[o].link.length;n<t;n++){if(v[o].link[n].rel=="alternate"){s=v[o].link[n].href}}r=("content" in v[o])?v[o].content.$t:("summary" in v[o])?v[o].summary.$t:"";if(f.Showthumb===true){var p=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;h=d("<div></div>").append(r.replace(p,""));k=h.find("img");if("media$thumbnail" in v[o]){q=v[o].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+f.scrthumbSize+"-c")}else{if(k.length!=0){q=k[0].src}else{q=f.srcBlank}}}r=r.replace(/<\S[^>]*>/g,"");if(r.length>f.summaryLength){r=r.substring(0,f.summaryLength)+"..."}r=r.replace(l,"<mark>"+g+"</mark>");m+='<li><a href="'+s+'" >'+(f.Showthumb===true?'<img width="'+f.scrthumbSize+'" height="'+f.scrthumbSize+'" src="'+q+'"/>':"")+"<strong>"+u+"</strong></a>"+(f.summaryLength>0?"<p>"+r+"</p>":"")+"</li>"}m+="</ol>";c.html(m)}else{c.html('<a class="close" href="/">&times;</a><strong>'+f.NotfindText+"</strong>")}},"jsonp");return false});b.on("click",".close",function(){c.fadeOut();return false})})(jQuery)};

这是SS:

enter image description here

2 个答案:

答案 0 :(得分:0)

似乎不是一个AJAX问题,你只需要给Notfindtext键一个字符串。用这一行替换Notfindtext:

NotfindText: "No results but you can try advanced search 
from <a href=\"http://google.com/\">HERE</a>",

这有帮助吗?检查您的Chrome javascript控制台,看看正在抛出的错误。

答案 1 :(得分:0)

有一件事,这里写的所有响应都是从Ajax运行的页面中捕获的响应。所以你会在那里编写所有代码,而不是在这里。

您没有提供任何代码,对于您的问题,这是一个-1。但我不会,只是认为您可以在问题中添加代码。

好的,如何添加<a>链接就是示例:

Response.Write("No result, but you can do a search <a href='~/link'>here</a>");

这样,就是这种反应。否则你可以使用它:

success: function (data) {
  if(data == "") {
   NotfindText = "No result, but you can do a search <a href='~/link'>here</a>";
  }
}

但同样,这不是ajax会写的。您只是自己编写代码。它毫无用处。

一旦ajax没有提供结果,您必须使用success来确保写入此内容。