hujung hadapan web
tutorial js
Contoh analisis pertanyaan nombor telefon mudah alih menggunakan data_jquery permintaan merentas domain jsonp
Contoh analisis pertanyaan nombor telefon mudah alih menggunakan data_jquery permintaan merentas domain jsonp
Contoh dalam artikel ini menerangkan kaedah menggunakan data permintaan merentas domain jsonp untuk melaksanakan pertanyaan nombor telefon mudah alih. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:
Kata Pengantar
Terdapat banyak API terbuka di Internet Apabila kami memperoleh data secara setempat melalui ajax, kami akan sentiasa menghadapi masalah, dan itu adalah merentas domain. Jika anda tidak menggunakan php, dsb., bagaimana anda boleh menyelesaikan masalah merentas domain hanya melalui js? Mungkin jsonp adalah pilihan yang baik.
Persediaan ilmu
Artikel sebelum ini "Mari kita bercakap tentang JSON dan JSONP, mungkin anda akan tiba-tiba faham " telah pun memperkenalkan jsonp secara terperinci, jadi saya tidak akan memperkenalkannya secara terperinci di sini
Kod:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<meta name="author" content="@my_coder">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<title> 手机号查询 </title>
<style type="text/css">
html{color:#000;background:#fff;}
body,ul,li,input,h1,button,p{padding:0;margin:0;}
li{list-style:none;}
html{background:#F6F8FC;overflow:hidden;}
.outer{margin:0 auto;width:280px;position:relative;}
h1{font-size:20px;text-align:center;border-bottom:1px dotted #A3C4DB;padding:10px 0;}
p{font-size:14px;padding:14px 0 10px;}
input[type="text"]{width:200px;height:30px;font-size:18px;}
.button{display:inline-block;width:60px;font-size:16px;text-align:center;line-height:34px;background:linear-gradient(#fff,#ccc);border:1px solid #004;border-radius:3px;cursor:pointer;}
ul{padding-top:26px;}
li {font-size:18px;line-height:30px;}
.error{position:absolute;left:4px;top:80px;color:red;font-size:14px;display:none;}
</style>
</head>
<body>
<h1>手机号码归属地查询</h1>
<div class="outer">
<p>请输入手机号码</p>
<input type="text" >
<span class="button">查询</span>
<span class="error">号码有误 或 无数据</span>
<ul>
<li class="num">手机号码: <span></span></li>
<li class="province">归属省份: <span></span></li>
<li class="operators">运 营 商: <span></span></li>
</ul>
</div>
<script type="text/javascript" src="jquery-1.8.0.min.js" ></script>
<script>
var tel;
var ajax=function(){
//淘宝接口
$.ajax({
type: "get",
url: 'http://tcc.taobao.com/cc/json/mobile_tel_segment.htm?tel='+tel,
dataType: "jsonp",
jsonp: "callback",
success: function(data){
console.log(data);
$('.error').css('display','none');
var province = data.province,
operators = data.catName,
num = data.telString;
$('.num span').html(num);
$('.province span').html(province);
$('.operators span').html(operators);
},
error:function (){
$('li span').html('');
$('.error').css('display','block');
}
});
}
var reg = /^(13|15|18)[0-9]{9}$/;
//点击查询
$('.button').click(function(){
tel=$('input[type=text]').val();
if(tel){
if(reg.test(tel)){
ajax();
}else{
$('li span').html('');
$('.error').css('display','block');
}
}
});
//键盘事件
$(window).keydown(function(event){
tel=$('input[type=text]').val();
if(event.keyCode==13) {
if(tel){
if(reg.test(tel)){
ajax();
}else{
$('li span').html('');
$('.error').css('display','block');
}
}
}
});
</script>
</body>
</html>
Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1392
52
36
110
Penyelesaian kepada masalah merentas domain Sesi PHP
Oct 12, 2023 pm 03:00 PM
Penyelesaian kepada masalah silang domain PHPSession Dalam pembangunan pemisahan front-end dan back-end, permintaan merentas domain telah menjadi kebiasaan. Apabila menangani isu merentas domain, kami biasanya melibatkan penggunaan dan pengurusan sesi. Walau bagaimanapun, disebabkan oleh sekatan dasar asal penyemak imbas, sesi tidak boleh dikongsi secara lalai merentas domain. Untuk menyelesaikan masalah ini, kita perlu menggunakan beberapa teknik dan kaedah untuk mencapai perkongsian sesi merentas domain. 1. Penggunaan kuki yang paling biasa untuk berkongsi sesi merentas domain
Bagaimana untuk membuat permintaan merentas domain dalam Vue?
Jun 10, 2023 pm 10:30 PM
Vue ialah rangka kerja JavaScript yang popular untuk membina aplikasi web moden. Apabila membangunkan aplikasi menggunakan Vue, anda sering perlu berinteraksi dengan API yang berbeza, yang selalunya terletak pada pelayan yang berbeza. Disebabkan oleh sekatan dasar keselamatan merentas domain, apabila aplikasi Vue berjalan pada satu nama domain, ia tidak boleh berkomunikasi secara langsung dengan API pada nama domain lain. Artikel ini akan memperkenalkan beberapa kaedah untuk membuat permintaan merentas domain dalam Vue. 1. Gunakan proksi Penyelesaian merentas domain biasa ialah menggunakan proksi
Cara menggunakan Flask-CORS untuk mencapai perkongsian sumber merentas domain
Aug 02, 2023 pm 02:03 PM
Cara menggunakan Flask-CORS untuk mencapai perkongsian sumber merentas domain Pengenalan: Dalam pembangunan aplikasi rangkaian, perkongsian sumber merentas domain (CrossOriginResourceSharing, dirujuk sebagai CORS) ialah mekanisme yang membolehkan pelayan berkongsi sumber dengan sumber atau nama domain yang ditentukan. Menggunakan CORS, kami boleh mengawal penghantaran data secara fleksibel antara domain yang berbeza dan mencapai akses merentas domain yang selamat dan boleh dipercayai. Dalam artikel ini, kami akan memperkenalkan cara menggunakan perpustakaan sambungan Flask-CORS untuk melaksanakan fungsi CORS.
Cara menggunakan JSONP untuk melaksanakan permintaan merentas domain dalam Vue
Oct 15, 2023 pm 03:52 PM
Pengenalan kepada cara menggunakan JSONP untuk melaksanakan permintaan merentas domain dalam Vue Disebabkan oleh sekatan dasar asal yang sama, bahagian hadapan akan terhalang pada tahap tertentu apabila membuat permintaan merentas domain. JSONP (JSONwithPadding) ialah kaedah permintaan merentas domain Ia menggunakan ciri teg <skrip> fungsi panggil balik. Artikel ini akan memperkenalkan secara terperinci cara menggunakan JSONP dalam Vue
Bagaimana untuk membenarkan penggunaan merentas domain imej dan kanvas dalam HTML?
Aug 30, 2023 pm 04:25 PM
Untuk membenarkan imej dan kanvas digunakan merentas domain, pelayan mesti menyertakan pengepala CORS (Perkongsian Sumber Silang Asal) yang sesuai dalam respons HTTPnya. Pengepala ini boleh ditetapkan untuk membenarkan sumber atau kaedah tertentu, atau membenarkan mana-mana sumber mengakses sumber tersebut. HTMLCanvasAnHTML5Canvasiskawasan segi empat tepat pada halaman webyang dikawal olehJavaScriptcode.Apa-apa sahaja boleh dilukis bukan kanvas,termasuk imej,bentuk,teks,animasi.Thecanvasisagre
Masalah merentas domain yang dihadapi dalam pembangunan teknologi Vue dan penyelesaiannya
Oct 08, 2023 pm 09:36 PM
Ringkasan masalah dan penyelesaian merentas domain yang dihadapi dalam pembangunan teknologi Vue: Artikel ini akan memperkenalkan masalah dan penyelesaian merentas domain yang mungkin dihadapi semasa pembangunan teknologi Vue. Kami akan mulakan dengan perkara yang menyebabkan asal silang, kemudian merangkumi beberapa penyelesaian biasa dan memberikan contoh kod khusus. 1. Punca masalah merentas domain Dalam pembangunan web, disebabkan oleh dasar keselamatan pelayar, penyemak imbas akan menyekat permintaan daripada satu sumber (domain, protokol atau port) untuk sumber daripada sumber lain. Ini adalah apa yang dipanggil "dasar asal yang sama". Apabila kami membangunkan teknologi Vue, bahagian hadapan dan
Gunakan CORS dalam rangka kerja Beego untuk menyelesaikan masalah merentas domain
Jun 04, 2023 pm 07:40 PM
Dengan pembangunan aplikasi web dan globalisasi Internet, semakin banyak aplikasi perlu membuat permintaan merentas domain. Permintaan merentas domain ialah masalah biasa bagi pembangun bahagian hadapan, dan ia boleh menyebabkan aplikasi tidak berfungsi dengan betul. Dalam kes ini, salah satu cara terbaik untuk menyelesaikan masalah permintaan silang asal ialah menggunakan CORS. Dalam artikel ini, kami akan menumpukan pada cara menggunakan CORS dalam rangka kerja Beego untuk menyelesaikan masalah merentas domain. Apakah permintaan merentas domain? Dalam aplikasi web, permintaan merentas domain merujuk kepada permintaan daripada halaman web bagi satu nama domain kepada yang lain
Pemprosesan keserasian merentas domain dan merentas platform Sesi PHP
Oct 12, 2023 am 09:46 AM
Pemprosesan keserasian merentas domain dan merentas platform PHPSession Dengan pembangunan aplikasi web, semakin ramai pembangun menghadapi masalah merentas domain. Cross-domain merujuk kepada halaman web di bawah satu nama domain yang meminta sumber di bawah nama domain yang lain Ini meningkatkan kesukaran pembangunan pada tahap tertentu, terutamanya untuk aplikasi yang melibatkan pengurusan sesi (Sesi). Artikel ini akan memperkenalkan cara mengendalikan pengurusan sesi merentas domain dalam PHP dan menyediakan beberapa contoh kod khusus. Pengurusan Sesi ialah Kami
