最近客户有个需求是在不同域名下运行的项目的页面,要求提交数据给不同域名下的项目

为了快速解决问题,采用了jsonp的方法,快速解决了跨域问题

 <!-- head头文件引入jquery-1.8.3.min.js,这里是必须添加的 -->
 <script src="./js/jquery-1.8.3.min.js"></script>
 
<!--body里面的内容-->
<input  id="inputText" type="text" placeholder="请输入内容" name="inputText">
<button id="copyButton" >复制</button>

<!-- 这里是必须添加的 -->
<script type="text/javascript">
  var inputTextBefor = "";//之前输入文本框的内容
  var inputText = "";//当前输入文本框的内容
  var numbers = 0;//点击次数
  var channelName = "测试渠道";//渠道名称,根据具体的渠道名称给它赋值(必须修改)
  var note = "";//备注
  var url = 'www.XXX.com'//请求的URL
  var add = url + 'channelCopyPannal/addInfo?';//新增
  var updata = url + 'channelCopyPannal/updataInfo?';//根据渠道名称修改
  
	$('#copyButton').click(function(){//复制按钮的id,根据实际情况修改复制按钮的id(必须修改)
		inputText = document.getElementById('inputText').value;//inputText是文本框的id,根据实际情况修改id(必须修改)
    	if(inputTextBefor == inputText){
           numbers++;
           var frame = document.createElement('script');
			frame.src = updata+'numbers='+numbers+'&inputText='+inputText;
			 $('body').append(frame);
    	}else{
    		 inputTextBefor = inputText;
    		 numbers=1;
    		 var frame = document.createElement('script');
			 frame.src = add+'numbers='+numbers+'&channelName='+channelName+'&inputText='+inputText;
			 $('body').append(frame);
    	}
    	console.log(numbers);
		
	});
</script>

关注我的公众号SpaceObj 领取idea系列激活码

posted on 2023-05-10 18:40  张伯灵  阅读(12)  评论(0编辑  收藏  举报