1、Ajax 请求限制

Ajax 只能向自己的服务器发送请求。

比如现在有一个A网站，一个B网站，A网站中的HTML文件只能向A网站服务器发送Ajax请求，B网站中的HTML文件只能向B网站服务器发送Ajax请求，但是A网站时不能向B网站发送Ajax请求的，同理，B网站不能向A网站发送Ajax请求的

当A网站先B网站发送Ajax请求，我们称之为跨域请求

如：在本地打开AJax文件先服务器请求内容

上面报错熟不熟悉，这就是因为发生了跨域请求导致的错误

2、什么是同源

浏览器为了安全问题，做出了同源策略的限制，即跨域请求默认是不被允许的

这里所说的同源是指：协议名、主机号、端口号 这三部分是一样。相同域之间的请求是不受限制的，而不同域之间不能互相请求的，这就是Ajax的同源策略

如果两个页面拥有相同的协议、域名和端口，那么两个页面就属于同一个源，其中只要有一个不同，就是不同源

同源策略是为了保护用户信息的安全，防止恶意的网站窃取数据，最初的同源策略是指A网站在客户端设置Cookie，B网站则不能访问的

3、解决跨域请求

Ajax默认是不允许进行跨域请求的，但是我们却时常进行非同源请求，摆在我们面前的就是解决跨域请求

解决跨域请求有4种方法：

JSONP 解决跨域请求
CORS 跨域资源共享
代理服务器
基于 </code> 标签</li> </ol> <p>主要了解前两种</p> <h2>3.1 <code>JSONP</code> 解决跨域请求</h2> <p><code>JSONP</code> 不属于<code>Ajax</code>请求，但是它可以模拟 <code>Ajax</code> 请求</p> <p>有没有想过，我们平时在HTML页面中的 <code><img></code>、<code><link></code>、<code><script></code> 等标签中的<code>src</code>属性不受跨域请求的，所以我们是否也可以让 <code><script></code> 去请求服务器的JS文件来获取数据吗？</p> <p><strong><code>of course</code></strong> 当然</p> <p>分为三步走：</p> <ol> <li>将不同源的服务器请求地址写在<code><script></code> 标签的<code>src</code>属性中</li> </ol> <pre><code class="javascript"><script src="http://127.0.0.1:3000/test"></script></code></pre> <ol> <li>服务端响应数据必须是一个函数的调用，真正要发送给客户端的数据需要作为函数调用的参数</li> </ol> <pre><code class="javascript">const data = "getData({namer: "周深", song: "大鱼"})"; res.rend(data); // 发送数据</code></pre> <ol> <li>在<strong>全局作用域下</strong>定义函数（两函数名要一样）</li> </ol> <pre><code class="javascript">function getData(options) { alert(options.namer + '唱了一首' + options.song) }</code></pre> <p>栗子：</p> <p>客户端：</p> <pre><code class="html"><body> <script> function getData(data) { alert(data.namer + '唱了一首' + data.song) } </script> <script src="http://127.0.0.1:3000/test"></script> </body></code></pre> <p>服务器端：</p> <pre><code class="javascript">app.get('/test', function(req, res) { let data = 'getData({namer: "周深", song: "大鱼"})' res.send(data) })</code></pre> <h3>JSONP 优化</h3> <p><strong>第一种：把函数名通过URL传给服务端</strong></p> <p>我们可以把本地函数通过<code>URL</code>传参 <code>?callback=getData</code> 的方式，让服务器知道本地函数的名字</p> <p>这样的好处就是客户端修改函数名，服务器就不受影响</p> <pre><code class="javascript"><script> function getData(data) { alert(data.namer + '唱了一首' + data.song) } </script> <script src="http://127.0.0.1:3000/test?callback=getData></script></code></pre> <pre><code class="javascript">app.get('/test', function(req, res) { res.jsonp({ namer: '薛之谦', song: '演员' }) })</code></pre> <p><code>jsonp</code> 函数已经帮我们做好了处理，会自动获取参数中<code>callback</code> 的值作为函数，所以服务端只需要传递数据即可</p> <p><strong>第二种：将script请求的变成动态请求</strong></p> <pre><code class="javascript"><button>按钮</button> <script> function getData(data) { alert(data.namer + '唱了一首' + data.song) } </script> <script type="text/javascript"> let btn = document.querySelector('button'); btn.onclick = function() { let script = document.createElement('script'); script.src = 'http://127.0.0.1:3000/test'; document.body.appendChild(script); // 为script添加onload事件，过河拆桥 script.onload = function() { document.body.removeChild(script) }; }; </script></code></pre> <p>发送请求的时候动态创建<code>script</code>标签发送，结束之后随即把它删除了</p> <p>但是每次我们都要写这么一坨代码吗？说这句话的时候就知道又要疯转了</p> <p>下面我们来封装一个<code>jsonp</code>函数吧</p> <pre><code class="javascript">function jsonp(options) { // 创建标签 let script = document.createElement('script') // 拼接字符串 let params = ''; for (let key in options.data) { params += '&' + key + '=' + options.data[key] } // 创建随机函数，toString将数字转换字符串去除小数点. let fnName = 'myFn' + Math.random().toString().replace('.', ''); // fnName不是全局函数，利用window将其变成函数 window[fnName] = options.success; script.src = options.url + '?callback=' + fnName + params; document.body.appendChild(script) // 为script标签添加onload事件 script.onload = function() { // 删除掉script标签 document.body.removeChild(script) } }</code></pre> <p>调用<code>jsonp</code>（需要自行导入<code>jsonp</code>函数）</p> <pre><code class="html"><body> <button id="xzq">薛之谦</button> <button id="zs">周深</button> <script type="text/javascript"> let btn1 = document.querySelector('#xzq'); let btn2 = document.querySelector('#zs'); btn1.onclick = function() { jsonp({ url: 'http://127.0.0.1:3000/test', data: { namer: '薛之谦', song: '刚刚好' }, success: function(data) { alert(data.namer + '--' + data.song); } }) }; btn2.onclick = function() { jsonp({ url: 'http://127.0.0.1:3000/test', data: { namer: '周深', song: '大鱼' }, success: function(data) { alert(data.namer + '--' + data.song); } }) }; </script> </body></code></pre> <p>后台：</p> <pre><code class="javascript">app.get('/test', function(req, res) { res.jsonp(req.query) })</code></pre> <h2>3.2 <code>CORS</code> 跨域资源共享</h2> <p><code>CORS</code> 全称为 <code>Cross-origin Rescourse Sharing</code>，即跨域资源共享，是W3C推出的一种新的机制。</p> <p>它允许浏览器向跨域服务器发送<code>Ajax</code>请求，克服了<code>Ajax</code> 只能同源使用的限制</p> <p><span class="img-wrap"><a href="http://img.e-com-net.com/image/info9/493961cd7bc14c2abe330226a7318ad0.png" target="_blank"><img class="lazy" alt="Ajax跨域请求_第3张图片" title="img" src="http://img.e-com-net.com/image/info9/493961cd7bc14c2abe330226a7318ad0.png" width="573" height="208" style="border:1px solid black;"></a></span></p> <p>所以，当我们在使用<code>CORS</code>处理跨域请求时，浏览器判断这是一个跨域请求，会自动帮我们处理好相应的跨域请求配置，添加一些附加头部信息，而我们要做的仅仅是在服务器端判断是否允许这个域访问</p> <p><span class="img-wrap"><a href="http://img.e-com-net.com/image/info9/8107b4338d574bddb4c1abf08f159bf7.jpg" target="_blank"><img class="lazy" alt="Ajax跨域请求_第4张图片" title="img" src="http://img.e-com-net.com/image/info9/8107b4338d574bddb4c1abf08f159bf7.jpg" width="650" height="310" style="border:1px solid black;"></a></span></p> <h3>1、简单请求</h3> <p>简单请求必须满足三个请求：</p> <ol> <li><strong>请求方式为<code>GET</code>、<code>POST</code>、<code>HEAD</code></strong></li> <li><strong>数据类型<code>Content-Type</code>只能是<code>application/x-www-form-urlencoded</code>、<code>multipart/form-data</code> 或 <code>text/plain</code></strong></li> <li><strong>不使用自定义的请求头</strong></li> </ol> <p>所以，如果是简单请求，可以设置一个允许跨域请求的头信息</p> <p>在服务端设置：</p> <pre><code class="javascript">app.post('/cache', function(req, res) { res.setHeader('Access-Control-Allow-Origin', 'http://localhost:8080') res.send('你要一直走，直到灯火通明') })</code></pre> <p><span class="img-wrap"><a href="http://img.e-com-net.com/image/info9/66e4d1e293434263b0964885f4e21952.png" target="_blank"><img class="lazy" alt="Ajax跨域请求_第5张图片" title="img" src="http://img.e-com-net.com/image/info9/66e4d1e293434263b0964885f4e21952.png" width="430" height="234" style="border:1px solid black;"></a></span></p> <p>允许这个 <code>http://localhost:8080</code> 域请求，如果我们想要任何域能够请求，只需要换成 <code>*</code> 即可</p> <pre><code class="javascript">res.setHeader('Access-Control-Allow-Origin', '*')</code></pre> <p>现在任何所属域的<code>Ajax</code>来请求这个服务器，都会被赋予访问权限，都可以正常响应数据了</p> <h3>2、预请求</h3> <p>域请求是一种相对比较复杂的一些的请求，当出现以下条件时，就会被当做预请求</p> <ol> <li><strong>请求方式是 <code>GET</code>、<code>POST</code>、<code>HEAD</code>以外的方式，比如：<code>PUT</code>、<code>DELETE</code> 等</strong></li> <li><strong>使用 <code>POST</code>请求，但数据类型是 <code>application/xml</code> 或者 <code>text/xml</code> 的XML数据类型</strong></li> <li><strong>使用自定义的请求头信息</strong></li> </ol> <h3>3、附带凭证信息的请求</h3> <p><code>XMLHttpRequest</code> 对象在发送请求的同时会发送凭证（<code>Cookie</code> 和验证信息），但是跨域请求并不会发送</p> <p>所以想要传递<code>Cookie</code>给服务器，就要在请求头里面设置允许发送凭证信息。客户端和服务端都需要设置</p> <p>感兴趣的话可以继续探索......</p> <h1>总结</h1> <ol> <li><code>Ajax</code>的同源策略就是说只有协议、主机号、端口的都一样的域才能进行请求，而这样做的目的就是为了安全，防止网站信息被窃取</li> <li>解决跨域请求的方式有很多，<code>JSONP</code> 请求的是可执行脚本，适合用于请求我们自己的服务器</li> <li><code>CORS</code> 是H5的一种新特性，基本支持所有的请求，也是我们常用的，缺点就是低版本的浏览器会有兼容性问题</li> </ol> </article> </div> </div> </div>  <div id="SOHUCS" sid="1405883146871865344"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script>  <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad">  <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div>  <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div>  <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(Ajax跨域请求)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1773495574226599936.htm" title="3、JavaWeb-Ajax/Axios-前端工程化-Element" target="_blank">3、JavaWeb-Ajax/Axios-前端工程化-Element</a> <span class="text-muted">所谓远行Misnearch</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/JavaWeb/1.htm">JavaWeb</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/elementui/1.htm">elementui</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a> <div>P34Ajax介绍Ajax:AsynchroousJavaScriptAndXML，异步的JS和XMLJS网页动作，XML一种标记语言，存储数据，作用：数据交换：通过Ajax给服务器发送请求，并获取服务器响应的数据异步交互：在不重新加载整个页面的情况下，与服务器交换数据并实现更新部分网页的技术，例如：搜索联想、用户名是否可用的校验等等。同步与异步：同步：服务器在处理中客户端要处于等待状态，输入域名</div> </li> <li><a href="/article/1773191331473063936.htm" title="JSON与AJAX：网页交互的利器" target="_blank">JSON与AJAX：网页交互的利器</a> <span class="text-muted">入冉心</span> <a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>在现代Web开发中，JSON（JavaScriptObjectNotation）和AJAX（AsynchronousJavaScriptandXML）是两项不可或缺的技术。它们共同为网页提供了动态、实时的数据交互能力，为用户带来了更加流畅和丰富的体验。本文将详细介绍JSON和AJAX的概念、原理，并通过代码示例展示它们在实际开发中的应用。一、JSON：轻量级的数据交换格式JSON是一种轻量级的数据</div> </li> <li><a href="/article/1772532707004317696.htm" title="Vue 发送Ajax请求多种方式" target="_blank">Vue 发送Ajax请求多种方式</a> <span class="text-muted">Red丶哞</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>1.发送ajax请求的方式方案一：jq的ajax（在vue中不推荐同时使用）方案二：js原始官方fetch方法方案三：axios第三方2.方案一后端视图函数fromrest_framework.viewsetsimportViewSetfromrest_framework.responseimportResponseclassIndex(ViewSet):defindex(self,request</div> </li> <li><a href="/article/1770377481988145152.htm" title="登录页面用户名和密码怎么连接服务器使用服务器数据" target="_blank">登录页面用户名和密码怎么连接服务器使用服务器数据</a> <span class="text-muted">独木人生</span> <a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>要连接服务器并使用服务器数据，通常需要通过网络协议与服务器进行通信。以下是一般的步骤：在登录页面，用户输入用户名和密码。前端代码将用户名和密码发送到服务器。可以使用AJAX或表单提交等技术。服务器接收到用户名和密码后，可以通过数据库查询等方式验证用户身份。如果验证通过，服务器可以返回一个身份令牌（如使用JSONWebTokens），作为用户的登录凭证。前端代码保存这个身份令牌，并在后续的请求中发送</div> </li> <li><a href="/article/1769783486312415232.htm" title="vue的axios教程" target="_blank">vue的axios教程</a> <span class="text-muted">可爱的小小小狼</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/okhttp/1.htm">okhttp</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>ajax技术：不重新加载整个页面的情况下，异步地与服务器进行通信，并更新页面的部分内容Ajax（AsynchronousJavaScriptandXML）是一种使用JavaScript向服务器发送和接收数据的技术。Ajax的工作原理基于以下关键组件：XMLHttpRequest对象：XMLHttpRequest是浏览器提供的API，用于创建HTTP请求，并与服务器进行通信。通过XMLHttpReq</div> </li> <li><a href="/article/1768916960688537600.htm" title="不用form表单ajax上传图片（单个图片上传实例）及回显" target="_blank">不用form表单ajax上传图片（单个图片上传实例）及回显</a> <span class="text-muted">焱墩</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一、html代码段（这里无css样式）上传文件上传二、js（jquery）代码段$(function(){functionhideup(){$("#hidupload").click();},functionupchange(){$("#hidimg").prop("src",URL.createObjectURL($("#hidupload")[0].files[0]));}functionup</div> </li> <li><a href="/article/1768741480941289472.htm" title="SpringBoot+vue实现跨域文件上传，并在linux上搭建tomcat文件服务器" target="_blank">SpringBoot+vue实现跨域文件上传，并在linux上搭建tomcat文件服务器</a> <span class="text-muted">刘在心中-Dennis</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>一.前端前端我使用的是vue发送ajax请求实现文件上传，其它前端框架调用方式也是与此类似首页用户信息选取文件只支持上传.jpg文件取消确定exportdefault{name:"",data(){return{dialogFormVisible:false,//对话框表单是否显示formLabelWidth:'100px',//对话框宽度user:{},file:null,//上传的文件};},</div> </li> <li><a href="/article/1768484304867885056.htm" title="vue中v-bind绑定属性常遇问题" target="_blank">vue中v-bind绑定属性常遇问题</a> <span class="text-muted">白意莲</span> <div>本文介绍常遇在vue中会有v-bind与属性相关的，如的src路径，和class属性以及style。1.img中src我们知道img标签的src可以跨域请求，可以访问网络中的图片，比如带有http或https地址的图。假设按原理我们有如下代码：varvm=newVue({el:'#box',data:{title:'hivuejs!',logo:'https://cn.vuejs.org/imag</div> </li> <li><a href="/article/1766740084352180224.htm" title="SpringMVC在处理Ajax请求后返回void导致前台Ajax回调函数不执行" target="_blank">SpringMVC在处理Ajax请求后返回void导致前台Ajax回调函数不执行</a> <span class="text-muted">听到微笑</span> <a class="tag" taget="_blank" href="/search/JavaEE/1.htm">JavaEE</a> <div>问题简述在一次SpringMVC项目中，前台通过Ajax请求，准备修改数据库中的数据。因为Ajax请求只是让后台更改数据，所以Controller方法根本不需要返回给前台任何数据，所以我们将Controller的方法的返回值设置为void。但令我困扰的是，前端页面本应该执行的回调函数一直不执行。打开控制态发现报404错误。我又通过debug发现该请求是可以进入Controller方法的，让我很不解</div> </li> <li><a href="/article/1766722335638904832.htm" title="AJAX-常用请求方法和数据提交" target="_blank">AJAX-常用请求方法和数据提交</a> <span class="text-muted">jl_3288</span> <a class="tag" taget="_blank" href="/search/AJAX/1.htm">AJAX</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>文章目录常用请求方法数据提交axois请求配置常用请求方法请求方法：对服务器资源，要执行的操作请求方法操作GET获取资源POST提交数据PUT修改数据（全部）DELETE删除数据PATCH修改数据（部分）数据提交场景：当数据需要在服务器上保存axois请求配置url：请求的URL网址method：请求的方法，GET可以省略（不区分大小写）data：提交数据axios({url:'目标资源地址',m</div> </li> <li><a href="/article/1764059204307476480.htm" title="JQuery简介与解析" target="_blank">JQuery简介与解析</a> <span class="text-muted">袁公白</span> <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>JQuery是一个快速、简洁的JavaScript库，它简化了HTML文档遍历、事件处理、动画和AJAX操作等常见任务。JQuery的设计目标是尽可能简单地操作文档对象模型（DOM），使开发者能够更快速地编写JavaScript代码。JQuery的核心理念是“写少，做多”，通过使用JQuery，开发者可以用更少的代码实现更多的功能。它提供了一系列的方法和函数，可以轻松地选择元素、处理事件、执行动画</div> </li> <li><a href="/article/1763227144772739072.htm" title="VUE 入门及应用 ( Axios )" target="_blank">VUE 入门及应用 ( Axios )</a> <span class="text-muted">春哥的魔法书</span> <a class="tag" taget="_blank" href="/search/VUE/1.htm">VUE</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/Axios/1.htm">Axios</a> <div>7.axios异步通信官网:http://www.axios-js.com/zh-cnAxios是一个基于promise的HTTP库，可以用在浏览器和node.js中。特性从浏览器中创建XMLHttpRequests从node.js创建http请求支持PromiseAPI拦截请求和响应转换请求数据和响应数据取消请求自动转换JSON数据客户端支持防御XSRF7.0.前置技术7.0.1.AJAX7.0</div> </li> <li><a href="/article/1761142726478319616.htm" title="springboot上传base64大图，接收的字段值为null 解决办法" target="_blank">springboot上传base64大图，接收的字段值为null 解决办法</a> <span class="text-muted">又起风了</span> <a class="tag" taget="_blank" href="/search/spring%E5%AD%A6%E4%B9%A0/1.htm">spring学习</a><a class="tag" taget="_blank" href="/search/springboot/1.htm">springboot</a> <div>问题描述通过mui.ajax方法上传base64格式的图片和用户id时，springboot后端接收的数据有时为空，而且两个字段是同时有或者同时没有。查看上传成功的图片，最大的大小是1.13M。故猜测是由于springboot或者tomcat限制了请求时上传图片的大小，限制的值应该是2M。mui.ajax(app.serverUrl+"/user/uploadFaceBase64",{data:{</div> </li> <li><a href="/article/1759964256276672512.htm" title="Vue-Ajax核心知识整理" target="_blank">Vue-Ajax核心知识整理</a> <span class="text-muted">是小蟹呀^</span> <a class="tag" taget="_blank" href="/search/Vue/1.htm">Vue</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>在Vue框架中可以有很多方式实现ajax,其中有xhr、jQuery、fetch、axios、vue-resource,其中Vue的作者尤雨溪推荐使用axios，所以在使用Vue框架时，尽量还是使用axios但是当我们使用ajax时，经常会遇到跨域的问题，比如你本地的端口号是8080，而服务器的端口号是5050，当你向服务器请求数据时，就会存在跨域的问题。跨域也有很多的解决方案：【1】cors方法</div> </li> <li><a href="/article/1759861083004301312.htm" title="javaScript和jQuery获取、设置textarea标签的内容（常见问题）" target="_blank">javaScript和jQuery获取、设置textarea标签的内容（常见问题）</a> <span class="text-muted">才艺のblog</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>javaScript和jQuery获取、设置textarea标签的内容（取值和赋值）昨天晚上在写代码的时候前端遇到一个bug，在js取值textarea中，我使用了getElementById方法对textarea标签取值，但不论如何取值，始终无法成功取到页面上输入的值并进行Ajax请求，一开始以为是ajax与后端接口之间数据传输出问题了，后来经过排查，就是对于textarea标签取值失败的问题，</div> </li> <li><a href="/article/1759860313169162240.htm" title="解决：Cannot call sendError() after the response has been committed问题" target="_blank">解决：Cannot call sendError() after the response has been committed问题</a> <span class="text-muted">梅秃头</span> <a class="tag" taget="_blank" href="/search/%E7%A8%80%E5%A5%87%E5%8F%A4%E6%80%AA%E7%9A%84%E9%97%AE%E9%A2%98/1.htm">稀奇古怪的问题</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>问题：执行导出操作后台日志打印CannotcallsendError()aftertheresponsehasbeencommitted原因：执行了第一个输出后，开启了关闭流操作，且关闭流后面还有第二个输出，故报错解决：将第二个输出操作returnAjaxResult.success("导出成功");改为returnnull即可</div> </li> <li><a href="/article/1759854883575525376.htm" title="pc端ajax的header请求，CryptoJS加密" target="_blank">pc端ajax的header请求，CryptoJS加密</a> <span class="text-muted">不负好时光</span> <div>js部分：varmyAes={Encrypt:function(word,keyStr){//加密varsrcs=CryptoJS.enc.Utf8.parse(word);varkey=CryptoJS.enc.Utf8.parse(keyStr);varencrypted=CryptoJS.AES.encrypt(srcs,key,{mode:CryptoJS.mode.ECB,padding</div> </li> <li><a href="/article/1759827419059023872.htm" title="【Java前端技术栈】Promise" target="_blank">【Java前端技术栈】Promise</a> <span class="text-muted">yinhai1114</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一、Promise基本介绍1.传统的Ajax异步调用在需要多个操作的时候，会导致多个回调函数嵌套，导致代码不够直观，就是常说的CallbackHell2.为了解决上述的问题，Promise对象应运而生，在EMCAScript2015当中已经成为标准3.Promise是异步编程的一种解决方案。4.从语法上说，Promise是一个对象，从它可以获取异步操作的消息5.Promise也是ES6的新特性，因</div> </li> <li><a href="/article/1759818609951076352.htm" title="shrio跳转操作 + ajax" target="_blank">shrio跳转操作 + ajax</a> <span class="text-muted">月1.2.3</span> <a class="tag" taget="_blank" href="/search/springboot/1.htm">springboot</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a> <div>使用shiro框架的时候，在session过期之后实现跳转到登录界面，ajax操作不会直接跳转而是返回一个登录页面的html，并且不会进入controller逻辑，需要找到对应的方法进行重写，对ajax进行处理（FormAuthenticationFilter中的redirectToLogin方法重写）。</div> </li> <li><a href="/article/1759749884044472320.htm" title="Vue中的数据请求" target="_blank">Vue中的数据请求</a> <span class="text-muted">nerao</span> <a class="tag" taget="_blank" href="/search/Vue/1.htm">Vue</a><a class="tag" taget="_blank" href="/search/Vue/1.htm">Vue</a> <div>数据请求数据请求在前端开发中的使用有两种形式使用原生javascript提供的数据请求ajax(一般需要我们结合Promise去封装，使用不是很便利，但是效率很高)fetch(本身结合了Promise,并且已经做好了封装，可以直接使用)使用别人封装好的第三方库目前最流行的，使用率最高的是axiosvue中我们最常使用的vue1.x的版本提供了一个封装库vue-resource,但是到了vue2.x</div> </li> <li><a href="/article/1759743245987966976.htm" title="HTTP 头部- Origin Referer" target="_blank">HTTP 头部- Origin Referer</a> <span class="text-muted">青衫客36</span> <a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/http/1.htm">http</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm">网络协议</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>Origin&RefererOriginHeader示例Origin请求头部是一个HTTP头部，它提供了发起请求的网页的源（协议、域名和端口）信息。它通常在进行跨域资源共享（CORS）请求时使用，以便服务器可以决定是否接受请求。假设我们在浏览器的地址栏输入并访问http://www.example.com，这个网站上有一个AJAX请求，该请求需要从https://api.example.com/d</div> </li> <li><a href="/article/1759722790635794432.htm" title="关于options请求方式" target="_blank">关于options请求方式</a> <span class="text-muted">Zzexi</span> <a class="tag" taget="_blank" href="/search/axios/1.htm">axios</a><a class="tag" taget="_blank" href="/search/http/1.htm">http</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>关于options请求方式options请求方法的主要用途有两个：1、获取服务器支持的HTTP请求方法；2、用来检查服务器的性能。例如：AJAX进行跨域请求时的预检，需要向另外一个域名的资源发送一个HTTPOPTIONS请求头，用以判断实际发送的请求是否安全。为什么会出现options请求方式想必很多小伙伴在第一次遇到请求方式为options时，会有一丝诧异，有些人会百度百度，有些人可能压根不在乎</div> </li> <li><a href="/article/1759714390724145152.htm" title="Python招聘信息爬虫+数据分析+可视化系统+薪资预测+岗位推荐（大数据项目）计算机毕业设计源码下载" target="_blank">Python招聘信息爬虫+数据分析+可视化系统+薪资预测+岗位推荐（大数据项目）计算机毕业设计源码下载</a> <span class="text-muted">计算机毕业设计指导</span> <div>boss直聘招聘信息爬虫+数据分析+可视化系统+薪资预测+岗位推荐（大数据项目）计算机毕业设计源码下载一、开发技术pycharm、MySQL数据库/sqlite3数据库、Python3.x版本、Flask框架、Scrapy框架、词云、echartsanconda3、chrome_driver1、开发框架前端htmlcssajax后端flaskrequestspandas数据库mysql二、功能招聘</div> </li> <li><a href="/article/1759714256019877888.htm" title="模拟ajax请求数据并进行页面渲染" target="_blank">模拟ajax请求数据并进行页面渲染</a> <span class="text-muted">唐人不自醉</span> <div>通过ajax请求数据后，进行页面渲染。文件介绍1.goods.json，用于模拟后台接口数据{"cursor":0,"size":40,"page":0,"result":[{"price":"1000","name":"小米手机","imgUrl":"img/1.png"},{"price":"2000","name":"华为手机","imgUrl":"img/1.png"},{"price":</div> </li> <li><a href="/article/1759701041558941696.htm" title="AJAX——接口文档" target="_blank">AJAX——接口文档</a> <span class="text-muted">越努力越幸运`</span> <a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>1接口文档接口文档：描述接口的文章接口：使用AJAX和服务器通讯时，使用的URL，请求方法，以及参数传送门：AJAX阶段接口文档接口文档用户登录//用户注册//axios({//url:'http://hmajax.itheima.net/api/register',//method:'post',//data:{//username:'itheima007',//password:'765432</div> </li> <li><a href="/article/1759701042049675264.htm" title="AJAX——form-serialize插件" target="_blank">AJAX——form-serialize插件</a> <span class="text-muted">越努力越幸运`</span> <a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>1form-serialize插件作用：快速收集表单元素的值语法：form-serialize插件使用document.querySelector('.btn').addEventListener('click',()=>{/***2.使用serialize函数，快速收集表单元素的值*参数1：要获取哪个表单的数据*表单元素设置name属性，值会作为对象的属性名*建议name属性的值，最好和接口文档</div> </li> <li><a href="/article/1759701040984322048.htm" title="Ajax入门" target="_blank">Ajax入门</a> <span class="text-muted">别人家的孩子zyh</span> <a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>Ajax介绍Ajax是异步的JavaScript和XML(AsynchronousJavaScriptAndXML)。简单点说，就是使用XmlHttpRequest对象与服务器通信。它可以使用JSON，XML，HTML和text文本等格式发送和接收数据。Ajax最吸引人的就是它的“异步”特性，也就是说它可以在不重新刷新页面的情况下与服务器通信，交换数据或者更新页面。入门代码ajax入门axios(</div> </li> <li><a href="/article/1759700912496013312.htm" title="深入理解HTTP协议之POST方法——ajax实例" target="_blank">深入理解HTTP协议之POST方法——ajax实例</a> <span class="text-muted">weixin_30570101</span> <a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/ViewUI/1.htm">ViewUI</a> <div>作者：吴俊杰性别：男邮箱：sshroot@126.com文章类型：原创博客：http://www.cnblogs.com/voiphudong/一、说明http协议其实是一个相对比较简单的应用层协议，这么多年来无数前端爱好者前仆后继的在学习和研究它。本着知其然还要知其所以然，授人以渔的精神，将自己对http的一些浅见用事实加以说明，希望抛砖引玉，供大家学习交流，欢迎吐槽。在鄙视与被鄙视中学习和进步</div> </li> <li><a href="/article/1759700913833996288.htm" title="AJAX——跨域问题的解决方法" target="_blank">AJAX——跨域问题的解决方法</a> <span class="text-muted">拾玥花开</span> <a class="tag" taget="_blank" href="/search/AJAX/1.htm">AJAX</a><a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/ajax%E8%B7%A8%E5%9F%9F%E9%97%AE%E9%A2%98/1.htm">ajax跨域问题</a> <div>文章目录AJAX——跨域问题的解决方法同源策略JSONPCORSAJAX——跨域问题的解决方法在了解跨域时我们先要了解什么时同源策略同源策略同源策略(Same-OriginPolicy)最早由Netscape公司提出，是浏览器的一种安全策略。同源：协议、域名、端口号必须完全相同。违背同源策略就是跨域。解决跨问的方法有两种：JSONP和CORS：JSONPJSONP是什么JSONP(JSONwith</div> </li> <li><a href="/article/1759700914626719744.htm" title="Ajax——跨域" target="_blank">Ajax——跨域</a> <span class="text-muted">Zhangzilnn</span> <a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/http/1.htm">http</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>1.同源策略和跨域同源：两个页面的协议，域名和端口都相同同源策略：浏览器提供的一个安全功能通俗的理解：浏览器规定，A网站的JavaScript，不允许和非同源的网站C之间，进行资源的交互，例如：1.无法读取非同源网页的Cookie、LocalStorage和IndexedDB2.无法接触非同源网页的DOM3.无法向非同源地址发送Ajax请求跨域：与同源相反实现跨域数据请求：JSONP和CORSJS</div> </li> <li><a href="/article/56.htm" title="多线程编程之存钱与取钱" target="_blank">多线程编程之存钱与取钱</a> <span class="text-muted">周凡杨</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/%E5%AD%98%E9%92%B1/1.htm">存钱</a><a class="tag" taget="_blank" href="/search/%E5%8F%96%E9%92%B1/1.htm">取钱</a> <div>  生活费问题是这样的：学生每月都需要生活费，家长一次预存一段时间的生活费，家长和学生使用统一的一个帐号，在学生每次取帐号中一部分钱，直到帐号中没钱时通知家长存钱，而家长看到帐户还有钱则不存钱，直到帐户没钱时才存钱。   问题分析：首先问题中有三个实体，学生、家长、银行账户，所以设计程序时就要设计三个类。其中银行账户只有一个，学生和家长操作的是同一个银行账户，学生的行为是</div> </li> <li><a href="/article/183.htm" title="java中数组与List相互转换的方法" target="_blank">java中数组与List相互转换的方法</a> <span class="text-muted">征客丶</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jsonp/1.htm">jsonp</a> <div>1.List转换成为数组。（这里的List是实体是ArrayList) 　　调用ArrayList的toArray方法。　　toArray 　　public T[] toArray(T[] a)返回一个按照正确的顺序包含此列表中所有元素的数组；返回数组的运行时类型就是指定数组的运行时类型。如果列表能放入指定的数组，则返回放入此列表元素的数组。否则，将根据指定数组的运行时类型和此列表的大小分</div> </li> <li><a href="/article/310.htm" title="Shell 流程控制" target="_blank">Shell 流程控制</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/%E6%B5%81%E7%A8%8B%E6%8E%A7%E5%88%B6/1.htm">流程控制</a><a class="tag" taget="_blank" href="/search/if+else/1.htm">if else</a><a class="tag" taget="_blank" href="/search/while/1.htm">while</a><a class="tag" taget="_blank" href="/search/case/1.htm">case</a><a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a> <div>Shell 流程控制和Java、PHP等语言不一样，sh的流程控制不可为空，如(以下为PHP流程控制写法)： <?php if(isset($_GET["q"])){ search(q);}else{// 不做任何事情} 在sh/bash里可不能这么写，如果else分支没有语句执行，就不要写这个else，就像这样 if else if if 语句语</div> </li> <li><a href="/article/437.htm" title="Linux服务器新手操作之二" target="_blank">Linux服务器新手操作之二</a> <span class="text-muted">周凡杨</span> <a class="tag" taget="_blank" href="/search/Linux+%E7%AE%80%E5%8D%95+%E6%93%8D%E4%BD%9C/1.htm">Linux 简单操作</a> <div>1.利用关键字搜寻Man Pages    man -k keyword  其中-k 是选项，keyword是要搜寻的关键字如果现在想使用whoami命令，但是只记住了前3个字符who，就可以使用 man -k who来搜寻关键字who的man命令       [haself@HA5-DZ26 ~]$ man -k </div> </li> <li><a href="/article/564.htm" title="socket聊天室之服务器搭建" target="_blank">socket聊天室之服务器搭建</a> <span class="text-muted">朱辉辉33</span> <a class="tag" taget="_blank" href="/search/socket/1.htm">socket</a> <div>因为我们做的是聊天室，所以会有多个客户端，每个客户端我们用一个线程去实现，通过搭建一个服务器来实现从每个客户端来读取信息和发送信息。    我们先写客户端的线程。 public class ChatSocket extends Thread{ Socket socket; public ChatSocket(Socket socket){ this.sock</div> </li> <li><a href="/article/691.htm" title="利用finereport建设保险公司决策分析系统的思路和方法" target="_blank">利用finereport建设保险公司决策分析系统的思路和方法</a> <span class="text-muted">老A不折腾</span> <a class="tag" taget="_blank" href="/search/finereport/1.htm">finereport</a><a class="tag" taget="_blank" href="/search/%E9%87%91%E8%9E%8D%E4%BF%9D%E9%99%A9/1.htm">金融保险</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E6%9E%90%E7%B3%BB%E7%BB%9F/1.htm">分析系统</a><a class="tag" taget="_blank" href="/search/%E6%8A%A5%E8%A1%A8%E7%B3%BB%E7%BB%9F/1.htm">报表系统</a><a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE%E5%BC%80%E5%8F%91/1.htm">项目开发</a> <div>决策分析系统呈现的是数据页面，也就是俗称的报表，报表与报表间、数据与数据间都按照一定的逻辑设定，是业务人员查看、分析数据的平台，更是辅助领导们运营决策的平台。底层数据决定上层分析，所以建设决策分析系统一般包括数据层处理（数据仓库建设）。   项目背景介绍通常，保险公司信息化程度很高，基本上都有业务处理系统（像集团业务处理系统、老业务处理系统、个人代理人系统等）、数据服务系统（通过</div> </li> <li><a href="/article/818.htm" title="始终要页面在ifream的最顶层" target="_blank">始终要页面在ifream的最顶层</a> <span class="text-muted">林鹤霄</span> <div>index.jsp中有ifream，但是session消失后要让login.jsp始终显示到ifream的最顶层。。。始终没搞定，后来反复琢磨之后，得到了解决办法，在这儿给大家分享下。。 index.jsp--->主要是加了颜色的那一句 <html> <iframe name="top" ></iframe> <ifram</div> </li> <li><a href="/article/945.htm" title="MySQL binlog恢复数据" target="_blank">MySQL binlog恢复数据</a> <span class="text-muted">aigo</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>1，先确保my.ini已经配置了binlog：   # binlog log_bin = D:/mysql-5.6.21-winx64/log/binlog/mysql-bin.log log_bin_index = D:/mysql-5.6.21-winx64/log/binlog/mysql-bin.index log_error = D:/mysql-5.6.21-win</div> </li> <li><a href="/article/1072.htm" title="OCX打成CBA包并实现自动安装与自动升级" target="_blank">OCX打成CBA包并实现自动安装与自动升级</a> <span class="text-muted">alxw4616</span> <a class="tag" taget="_blank" href="/search/ocx/1.htm">ocx</a><a class="tag" taget="_blank" href="/search/cab/1.htm">cab</a> <div>近来手上有个项目,需要使用ocx控件 (ocx是什么? http://baike.baidu.com/view/393671.htm) 在生产过程中我遇到了如下问题. 1. 如何让 ocx 自动安装?     a) 如何签名?     b) 如何打包?     c) 如何安装到指定目录? 2.</div> </li> <li><a href="/article/1199.htm" title="Hashmap队列和PriorityQueue队列的应用" target="_blank">Hashmap队列和PriorityQueue队列的应用</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/Hashmap%E9%98%9F%E5%88%97/1.htm">Hashmap队列</a><a class="tag" taget="_blank" href="/search/PriorityQueue%E9%98%9F%E5%88%97/1.htm">PriorityQueue队列</a> <div>  HashMap队列已经是学过了的,但是最近在用的时候不是很熟悉,刚刚重新看以一次,   HashMap是K,v键 ,值     put()添加元素      //下面试HashMap去掉重复的 package com.hashMapandPriorityQueue; import java.util.H</div> </li> <li><a href="/article/1326.htm" title="JDK1.5 returnvalue实例" target="_blank">JDK1.5 returnvalue实例</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/java%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">java多线程</a><a class="tag" taget="_blank" href="/search/returnvalue/1.htm">returnvalue</a> <div>Callable接口：返回结果并且可能抛出异常的任务。实现者定义了一个不带任何参数的叫做 call 的方法。 Callable 接口类似于 Runnable，两者都是为那些其实例可能被另一个线程执行的类设计的。但是 Runnable 不会返回结果，并且无法抛出经过检查的异常。        ExecutorService接口方</div> </li> <li><a href="/article/1453.htm" title="angularjs指令中动态编译的方法(适用于有异步请求的情况) 内嵌指令无效" target="_blank">angularjs指令中动态编译的方法(适用于有异步请求的情况) 内嵌指令无效</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a> <div>        在directive的link中有一个$http请求，当请求完成后根据返回的值动态做element.append('......');这个操作，能显示没问题，可问题是我动态组的HTML里面有ng-click，发现显示出来的内容根本不执行ng-click绑定的方法！    &nbsp</div> </li> <li><a href="/article/1580.htm" title="【Java范型二】Java范型详解之extend限定范型参数的类型" target="_blank">【Java范型二】Java范型详解之extend限定范型参数的类型</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/extend/1.htm">extend</a> <div>在第一篇中，定义范型类时，使用如下的方式：   public class Generics<M, S, N> { //M,S,N是范型参数 }  这种方式定义的范型类有两个基本的问题：   1. 范型参数定义的实例字段，如private M m = null;由于M的类型在运行时才能确定，那么我们在类的方法中，无法使用m，这跟定义pri</div> </li> <li><a href="/article/1707.htm" title="【HBase十三】HBase知识点总结" target="_blank">【HBase十三】HBase知识点总结</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/hbase/1.htm">hbase</a> <div>1. 数据从MemStore flush到磁盘的触发条件有哪些？    a.显式调用flush，比如flush 'mytable'    b.MemStore中的数据容量超过flush的指定容量，hbase.hregion.memstore.flush.size,默认值是64M 2. Region的构成是怎么样？ 1个Region由若干个Store组成</div> </li> <li><a href="/article/1834.htm" title="服务器被DDOS攻击防御的SHELL脚本" target="_blank">服务器被DDOS攻击防御的SHELL脚本</a> <span class="text-muted">ronin47</span> <div>mkdir /root/bin vi /root/bin/dropip.sh #!/bin/bash/bin/netstat -na|grep ESTABLISHED|awk ‘{print $5}’|awk -F:‘{print $1}’|sort|uniq -c|sort -rn|head -10|grep -v -E ’192.168|127.0′|awk ‘{if($2!=null&a</div> </li> <li><a href="/article/1961.htm" title="java程序员生存手册-craps 游戏-一个简单的游戏" target="_blank">java程序员生存手册-craps 游戏-一个简单的游戏</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> import java.util.Random; public class CrapsGame { /** * *一个简单的赌*博游戏，游戏规则如下： *玩家掷两个骰子，点数为1到6，如果第一次点数和为7或11，则玩家胜， *如果点数和为2、3或12，则玩家输， *如果和为其它点数，则记录第一次的点数和，然后继续掷骰，直至点数和等于第一次掷出的点</div> </li> <li><a href="/article/2088.htm" title="TOMCAT启动提示NB: JAVA_HOME should point to a JDK not a JRE解决" target="_blank">TOMCAT启动提示NB: JAVA_HOME should point to a JDK not a JRE解决</a> <span class="text-muted">开窍的石头</span> <a class="tag" taget="_blank" href="/search/JAVA_HOME/1.htm">JAVA_HOME</a> <div>当tomcat是解压的时候，用eclipse启动正常，点击startup.bat的时候启动报错; 报错如下：   The JAVA_HOME environment variable is not defined correctly This environment variable is needed to run this program NB: JAVA_HOME shou</div> </li> <li><a href="/article/2215.htm" title="[操作系统内核]操作系统与互联网" target="_blank">[操作系统内核]操作系统与互联网</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F/1.htm">操作系统</a> <div>      我首先申明：我这里所说的问题并不是针对哪个厂商的，仅仅是描述我对操作系统技术的一些看法       操作系统是一种与硬件层关系非常密切的系统软件，按理说，这种系统软件应该是由设计CPU和硬件板卡的厂商开发的，和软件公司没有直接的关系，也就是说，操作系统应该由做硬件的厂商来设计和开发</div> </li> <li><a href="/article/2342.htm" title="富文本框ckeditor_4.4.7 文本框的简单使用支持IE11" target="_blank">富文本框ckeditor_4.4.7 文本框的简单使用支持IE11</a> <span class="text-muted">cuityang</span> <a class="tag" taget="_blank" href="/search/%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A1%86/1.htm">富文本框</a> <div><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>知识库内容编辑</tit</div> </li> <li><a href="/article/2469.htm" title="Property null not found" target="_blank">Property null not found</a> <span class="text-muted">darrenzhu</span> <a class="tag" taget="_blank" href="/search/datagrid/1.htm">datagrid</a><a class="tag" taget="_blank" href="/search/Flex/1.htm">Flex</a><a class="tag" taget="_blank" href="/search/Advanced/1.htm">Advanced</a><a class="tag" taget="_blank" href="/search/propery+null/1.htm">propery null</a> <div>When you got error message like "Property null not found ***", try to fix it by the following way: 1)if you are using AdvancedDatagrid, make sure you only update the data in the data prov</div> </li> <li><a href="/article/2596.htm" title="MySQl数据库字符串替换函数使用" target="_blank">MySQl数据库字符串替换函数使用</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E5%87%BD%E6%95%B0/1.htm">函数</a><a class="tag" taget="_blank" href="/search/%E6%9B%BF%E6%8D%A2/1.htm">替换</a> <div>需求：需要将数据表中一个字段的值里面的所有的  .   替换成  _   原来的数据是  site.title  site.keywords  .... 替换后要为     site_title  site_keywords   使用的SQL语句如下：   updat</div> </li> <li><a href="/article/2723.htm" title="mac上终端起动MySQL的方法" target="_blank">mac上终端起动MySQL的方法</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/mac/1.htm">mac</a> <div>首先去官网下载: http://www.mysql.com/downloads/ 我下载了5.6.11的dmg然后安装,安装完成之后..如果要用终端去玩SQL.那么一开始要输入很长的:/usr/local/mysql/bin/mysql 这不方便啊,好想像windows下的cmd里面一样输入mysql -uroot -p1这样...上网查了下..可以实现滴. 打开终端,输入: 1</div> </li> <li><a href="/article/2850.htm" title="Gson使用一（Gson）" target="_blank">Gson使用一（Gson）</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/gson/1.htm">gson</a> <div>转载请出自出处：http://eksliang.iteye.com/blog/2175401 一.概述从结构上看Json，所有的数据（data）最终都可以分解成三种类型：第一种类型是标量（scalar），也就是一个单独的字符串（string）或数字（numbers），比如"ickes"这个字符串。第二种类型是序列（sequence），又叫做数组（array）</div> </li> <li><a href="/article/2977.htm" title="android点滴4" target="_blank">android点滴4</a> <span class="text-muted">gundumw100</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>Android 47个小知识 http://www.open-open.com/lib/view/open1422676091314.html Android实用代码七段（一） http://www.cnblogs.com/over140/archive/2012/09/26/2611999.html http://www.cnblogs.com/over140/arch</div> </li> <li><a href="/article/3104.htm" title="JavaWeb之JSP基本语法" target="_blank">JavaWeb之JSP基本语法</a> <span class="text-muted">ihuning</span> <a class="tag" taget="_blank" href="/search/javaweb/1.htm">javaweb</a> <div>  目录   JSP模版元素  JSP表达式  JSP脚本片断  EL表达式  JSP注释  特殊字符序列的转义处理  如何查找JSP页面中的错误   JSP模版元素    JSP页面中的静态HTML内容称之为JSP模版元素，在静态的HTML内容之中可以嵌套JSP</div> </li> <li><a href="/article/3231.htm" title="App Extension编程指南（iOS8/OS X v10.10）中文版" target="_blank">App Extension编程指南（iOS8/OS X v10.10）中文版</a> <span class="text-muted">啸笑天</span> <a class="tag" taget="_blank" href="/search/ext/1.htm">ext</a> <div>         当iOS 8.0和OS X v10.10发布后，一个全新的概念出现在我们眼前，那就是应用扩展。顾名思义，应用扩展允许开发者扩展应用的自定义功能和内容，能够让用户在使用其他app时使用该项功能。你可以开发一个应用扩展来执行某些特定的任务，用户使用该扩展后就可以在多个上下文环境中执行该任务。比如说，你提供了一个能让用户把内容分</div> </li> <li><a href="/article/3358.htm" title="SQLServer实现无限级树结构" target="_blank">SQLServer实现无限级树结构</a> <span class="text-muted">macroli</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/SQL+Server/1.htm">SQL Server</a> <div> 表结构如下：数据库id path titlesort 排序 1 0 首页 0 2 0,1 新闻 1 3 0,2 JAVA 2 4 0,3 JSP 3 5 0,2,3 业界动态 2 6 0,2,3 国内新闻 1 创建一个存储过程来实现，如果要在页面上使用可以设置一个返回变量将至传过去   create procedure test as begin decla</div> </li> <li><a href="/article/3485.htm" title="Css居中div，Css居中img，Css居中文本，Css垂直居中div" target="_blank">Css居中div，Css居中img，Css居中文本，Css垂直居中div</a> <span class="text-muted">qiaolevip</span> <a class="tag" taget="_blank" href="/search/%E4%BC%97%E8%A7%82%E5%8D%83%E8%B1%A1/1.htm">众观千象</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%B0%B8%E6%97%A0%E6%AD%A2%E5%A2%83/1.htm">学习永无止境</a><a class="tag" taget="_blank" href="/search/%E6%AF%8F%E5%A4%A9%E8%BF%9B%E6%AD%A5%E4%B8%80%E7%82%B9%E7%82%B9/1.htm">每天进步一点点</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>/**********Css居中Div**********/ div.center { width: 100px; margin: 0 auto; } /**********Css居中img**********/ img.center { display: block; margin-left: auto; margin-right: auto; } </div> </li> <li><a href="/article/3612.htm" title="Oracle 常用操作(实用)" target="_blank">Oracle 常用操作(实用)</a> <span class="text-muted">吃猫的鱼</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div> SQL>select text from all_source where owner=user and name=upper('&plsql_name');  SQL>select * from user_ind_columns where index_name=upper('&index_name');  将表记录恢复到指定时间段以前</div> </li> <li><a href="/article/3739.htm" title="iOS中使用RSA对数据进行加密解密" target="_blank">iOS中使用RSA对数据进行加密解密</a> <span class="text-muted">witcheryne</span> <a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a><a class="tag" taget="_blank" href="/search/rsa/1.htm">rsa</a><a class="tag" taget="_blank" href="/search/iPhone/1.htm">iPhone</a><a class="tag" taget="_blank" href="/search/objective+c/1.htm">objective c</a> <div>  RSA算法是一种非对称加密算法,常被用于加密数据传输.如果配合上数字摘要算法, 也可以用于文件签名. 本文将讨论如何在iOS中使用RSA传输加密数据. 本文环境 mac os  openssl-1.0.1j, openssl需要使用1.x版本, 推荐使用[homebrew](http://brew.sh/)安装. Java 8 RSA基本原理 RS</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类：</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.  </div> </div> </footer>  <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>

Ajax跨域请求

1、Ajax 请求限制

2、什么是同源

3、解决跨域请求