JsViews Error：Unknown template：“#projectData”-优快云博客

本文探讨了一个JavaScript函数在不同页面调用时出现的问题及解决方案。由于函数内部使用了特定的DOM元素标识符，导致在不同页面间复用时产生冲突。通过将函数拆分为针对特定页面的独立函数，解决了这一问题。

1、错误描述

2、错误原因

var searchData = function(type){
      $.ajax({
	type : "post",
	url : "/user/findUser",
	data:{ 
	     "startDate":startDate,
	     "endDate":endDate,
	     "type":type
	},
	dataType : "json",
	success : function(data){
	      if(type==1)
                     {
                              $("#dataProject").empty().append($("#projectData").render(data.data));	
                     }
                     else if(type==2)
                     {
		$("#dataAll").empty().append($("#allData").render(data.data));
                     }
	}
      });
};

A页面引用该事件searchData(1); B页面引用事件searchData(2);

由于B页面没有projectData，A页面有projectDatat，执行时两个都会被调用，所以会报错

3、解决办法

将这个js函数一分为二，分别调用：

var searchDataA = function{
      $.ajax({
	type : "post",
	url : "/user/findUser",
	data:{ 
	     "startDate":startDate,
	     "endDate":endDate,
	     "type":1
	},
	dataType : "json",
	success : function(data){
	      $("#dataProject").empty().append($("#projectData").render(data.data));
	}
      });
};

var searchDataB = function(){
      $.ajax({
	type : "post",
	url : "/user/findUser",
	data:{ 
	     "startDate":startDate,
	     "endDate":endDate,
	     "type":2
	},
	dataType : "json",
	success : function(data){
	     $("#dataAll").empty().append($("#allData").render(data.data));
	}
      });
};