项目的探索

最新推荐文章于 2024-09-16 08:47:17 发布

lcwz_97

最新推荐文章于 2024-09-16 08:47:17 发布

阅读量150

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/lcwz_97/article/details/104633949

版权

项目的进行

搜索框

//搜索框
	var shuru = document.getElementById("shuru")
	shuru.onfocus = shuru.oninput =()=>{
		$("#search_conUl").show();
		var val = shuru.value;
		var oScript = document.createElement("script");
		var oScript = document.createElement("script");
		oScript.className = "linshi"
		oScript.src = "http://search.xiu.com/ajax/autocomplete.htm?jsoncallback=save&q="+val+"&limit=10&mkt=xiu";
		document.body.appendChild(oScript);
	}
	shuru.onblur = function(){
		$(".linshi").remove();
		$("#search_conUl").hide();
	}

跨域请求

//jsonp跨域请求search数据
function save(data){
	if(data){
		let strSearch = "";
		for(let i = 0;i<data.length;i++){
			strSearch+=`<li>
								<span>${data[i].display} </span>
								<span class="hanerji">
									在
									<span class="search_con_er">
										${data[i].display}
									</span>
									类内搜索
								</span>
							</li>`
		}
		var search_conUl = document.getElementById("search_conUl")
		search_conUl.innerHTML = strSearch;
		for(let j =0;j<data.length;j++){
			if(parseInt(data[j].type)==0){
				$(".hanerji").eq(j).hide();
			}
		}
	}else{
		let strSearch = "";
		var search_conUl = document.getElementById("search_conUl")
		search_conUl.innerHTML = strSearch;
	}
		
}