JSONP还是很不错的，下面这段代码放在任何地方都可以实时查询域名注册情况
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="http://www.kejj.net/web/Tpl/default/Public/css/style.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="http://www.kejj.net/web/Tpl/default/Public/js/jquery.js"></script>
<script type="text/javascript">$(document).ready(function(){
$("#endomainbutton").click(function(){
var rsboxDisplay=$("#domainrsbox").css("display");
if(rsboxDisplay=="none"){
$("#domainrsbox").slideDown("slow");
$("#domainrsHtml").html("域名查询中...");
}else{
$("#domainrsHtml").html("域名查询中...");
}
var domainStr="";
var formStr=$("#endomainform").serialize();
var formArr=formStr.split("&");
for(i in formArr ){
var dtStr=formArr[i].split("=");
if(dtStr[0]=="endomain"){
domainStr+=$("#endomainname").val()+dtStr[1]+",";
}
}
$.ajax({
type:"get",
url:"http://domain.api.kejj.net/api.php/Domain/checkDomain/domainStr/"+domainStr,
timeout:999999,
dataType:"jsonp",
jsonp:"jsonpcallback",
success:responseFun
});
return false;
});
$("#closeDomainrsbox").click(function(){
$("#domainrsbox").slideUp("slow");
});
});
function responseFun(data){
var rsHtml="";
$.each(data,function(i,v){
if(v[2]==211){
rsHtml+='<span class="reged">'+v[1]+' 不能注册</span><br />';
}else if(v[2]==210){
rsHtml+='<span class="reg">'+v[1]+' <a href="">立即抢注</a></span><br />';
}
});
$("#domainrsHtml").html(rsHtml);
}
function refreshVerify(){
var timenow = new Date().getTime();
document.getElementById('verifyImg').src= '/index.php/Index/verify/'+timenow;
}
</script>
</head>
<body>
<div class="domain-wrap1"><div class="domain-wrap2"><div class="domain-wrap3"><h2>域名查询</h2><form id="endomainform" name="endomainform" method="post" action=""><div class="form-title"><span class="www">WWW.</span><span class="input-domain-search"><input type="text" name="endomainname" id="endomainname" class="input-domain" /></span><span class="button"><input type="submit" name="button" id="endomainbutton" value="提交" class="submit" /></span></div><div class="form-content"><ul class="ulTable clearfix"><li><input name="endomain" type="checkbox" id="checkbox" value=".com" checked="checked" /> .com</li><li><input name="endomain" type="checkbox" id="checkbox" value=".net" checked="checked" /> .net</li><li><input name="endomain" type="checkbox" id="checkbox" value=".cn" checked="checked" /> .cn</li><li><input name="endomain" type="checkbox" id="checkbox" value=".com.cn" checked="checked" /> .com.cn</li><li><input name="endomain" type="checkbox" id="checkbox" value=".net.cn" checked="checked" /> .net.cn</li><li><input name="endomain" type="checkbox" id="checkbox" value=".org" /> .org</li><li><input name="endomain" type="checkbox" id="checkbox" value=".org.cn" /> .org.cn</li></ul><div id="domainrsbox"><div class="box2-t1"><div class="box2-t2"><div class="box2-t3"></div></div></div><div class="box2-content"><div id="closeDomainrsbox">关闭</div><div id="domainrsHtml"></div></div><div class="box2-b1"><div class="box2-b2"><div class="box2-b3"></div></div></div></div></div></form></div></div></div>
</body>
</html>
分享到：
相关推荐
首先，客户端在HTML页面中定义一个全局函数，如`handleData(data)`。然后，创建一个`<script>`标签，将`src`属性设置为服务器的URL，URL中包含一个回调函数名，如`?callback=handleData`。服务器接收到请求后，会...
在实际应用中，我们可以使用 JSONP 来实现跨域请求，以便从其他域名下的服务器获取数据。但是，我们需要注意的是，使用 JSONP 会存在安全风险，因为它可以被恶意攻击所利用。 在使用 JSONP 时，我们需要注意以下几...
在本例中，我们将探讨如何利用JSONP实现一个简单的百度搜索功能。 首先，让我们了解JSONP的工作原理。当浏览器向其他域名发送AJAX请求时，由于同源策略的限制，会受到阻止。但`<script>`标签没有这个限制，因此我们...
下面通过一个具体的例子来说明如何使用JSONP实现手机号码归属地查询功能。 #### 示例代码详解 ##### HTML 结构 ```html 请输入手机号码: 查询 号码有误或很多据 手机号码: <span></span> 归属省份: ...
### JSONP实现Ajax跨域访问 #### 一、引言 ...下面通过具体的示例代码来展示如何使用纯JavaScript实现JSONP。 ```html <html> function jsonpCallback(result) { alert(result.Name); // 显示数据 } ...
在网页开发中，如果你需要从一个不同的域名下获取数据，由于浏览器的安全限制，通常无法直接通过Ajax请求获取。这时，JSONP就成为了有效的解决方案。 `jsoup`是一个强大的Java库，主要用于处理HTML文档。它能够方便...
在这个示例中，用户可以输入书籍ID，点击查询按钮后，页面通过Ajax与Jsonp技术获取该书籍的相关信息，并在页面上显示。 总结起来，Ajax与Jsonp的结合使用能够让我们在Jquery中轻松地实现跨域数据交互，从而提升Web...
然而，Ajax技术在实现动态网页交互时常常需要跨越这个限制，这时就引入了JSONP（JSON with Padding）作为跨域请求的一种解决方案。本文将详细介绍JSONP的工作原理以及如何在ASP.NET网站开发中应用JSONP解决Ajax跨域...
在封装JSONP实现时，要注意脚本加载完毕后需要清理操作，比如从全局作用域中删除回调函数，移除标签等，以避免对页面其他部分产生影响。另外，由于JSONP的请求是通过插入标签的方式执行的，所以它不能用于GET请求...
在给定文件中，我们看到了一段使用JSONP方法实现跨域获取数据的JavaScript代码实例及其在HTML页面中的应用。首先，我们定义了一个名为`jsonp`的函数，用于封装JSONP请求的过程。这个函数接收三个参数：`url`（请求的...
总结来说，jQuery的JSONP功能是一个强大的工具，它允许我们在单页面应用中轻松地从其他域名获取数据。`jquery-jsonp-master.zip`提供了一个完整的实现和学习资源，对于想要深入理解和使用JSONP的开发者来说，这是一...
JSONP（JSON with Padding）是一种跨域数据交互协议，它利用了HTML的`<script>`标签可以不受同源策略限制的特性，实现JavaScript从不同源获取数据。在本例中，我们将探讨如何通过JSONP来解决JavaScript的跨域问题，...
在本文中，我们将深入探讨如何使用jQuery、JSONP和artDialog技术实现虾米音乐的检索、选取和播放功能。这是一套常见的Web开发技术组合，适用于跨域数据获取和交互式用户界面的创建。 首先，jQuery是一个强大的...
JSONP（JSON with Padding）是一种跨域数据交互协议，它利用了`<script>`标签不受同源策略限制的特性，允许网页从其他域名获取数据。在这个案例中，“jsonp调用百度实现自动补全”指的是利用JSONP技术来实现对百度...
JSONP（JSON with Padding）是一种跨域数据交互协议，它利用了`<script>`标签可以跨域请求资源的特性，来实现JavaScript从不同域名下获取数据。在本案例中，我们将探讨如何使用Jquery和ajax通过JSONP方式来调用新浪...
在Web开发中，我们经常遇到不同源的网页需要共享数据的情况，JSONP提供了一种有效的方法来实现这一点。 在传统的Ajax请求中，由于同源策略的限制，只能向同一域名下的服务器发送请求。而JSONP通过动态插入`<script>...
JSONP（JSON with Padding）是一种跨域数据交互协议，它利用了`<script>`标签可以跨域请求资源的特性，来实现网页与服务器之间的通信。在JavaScript中，由于同源策略的限制，通常只能访问同一域名下的资源。而JSONP...
1. **HTML标签特性**：浏览器允许HTML页面通过`<img>`、`<script>`、`<link>`等标签加载不同源的资源。 2. **脚本执行机制**：当通过`<script>`标签加载外部JavaScript文件时，该脚本会被浏览器立即执行。 基于这两...
同源策略规定，一个网页只能获取与之同源（协议、域名和端口相同）的网页上的数据。为了克服这一限制，开发者使用了JSONP（JSON with Padding）技术。JSONP利用HTML `<script>` 标签不受同源策略限制的特点，通过...
伪静态是一种技术手段，用于使动态页面看起来像静态HTML页面，以利于搜索引擎抓取和收录。这样做是因为搜索引擎通常更偏好静态内容，因为它们的内容不会频繁变化，且更容易索引。通过伪静态，我们可以保留动态脚本的...