【測試推薦】純前端ajax代碼 · API無憂接口文檔

本代碼復制到本地，直接用瀏覽器運行即可使用，僅作調試只用。實際上線，請講TOKEN寫入后端程序，以免盜用。 ## **[點此網頁打開](http://www.api51.cn/addons/smstest.html)** ~~~ <html> <head> <meta charset="UTF-8"> <title>API接口測試 www.api51.cn</title> </head> <body> <br/> <h1>必填參數</h1> <br/> Token：<input type='text' id='token' value='' />用戶令牌在www.api51.cn注冊后可獲得<br> 手機號：<input type='text' id='mobile' value='' />手機號 | 如：180XXXXXXXX<br> 國家：<input type='text' id='country_code' value='86' />國家代碼 |參考國家代碼表：http://help.api51.cn/432250<br> <br/> <h1>方式一、無參數單發接口</h1> <br/> 短信內容：<input type='text' id='msg' value='【API無憂】您的驗證碼為1234' style='min-width:400px' /><button onclick='sendmsg()'>發送</button> <br/>確保已經申請通過，已申請成功的簽名+模板內容。必須和模板分毫不差，標點符號多一個少一個都不行。如您的簽名為：API無憂，申請成功的模板為：您的驗證碼為{1}。那么此處的內容應為：【API無憂】您的驗證碼為1234 <br> <br> <h1>方式二、指定模板ID發送接口</h1> <br/> 短信簽名：<input type='text' id='sign' value='API無憂' />確保已經申請通過，默認發送：API無憂<br> 模板ID：<input type='text' id='tpl_id' value='46792' />常用模板：http://help.api51.cn/425602<br> 模板參數：<input type='text' id='params' value='1234' />多個以英文逗號隔開。如：張三,1234<br> <button onclick='sendSMS()'>發送</button> <br/><br/><br/><br/> API接口測試 www.api51.cn <script src="https://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script> <script> //無參數單發接口 function sendmsg(){ var mobile = $('#mobile').val(); var token = $('#token').val(); var msg = $('#msg').val(); var country_code = $('#country_code').val(); $.ajax({ type:'POST', url:'http://www.api51.cn/api/smsApi/sendmsg', data:{ 'mobile':mobile, 'msg':msg, 'country_code':country_code, 'token':token }, dataType: "json", success: function(data){ console.log(data) if(data.result==0){ alert('發送成功'); }else{ alert(data.errmsg); } } }) } //指定模板ID發送接口 function sendSMS(){ var mobile = $('#mobile').val(); var token = $('#token').val(); var sign = $('#sign').val(); var tpl_id = $('#tpl_id').val(); var params = $('#params').val(); var country_code = $('#country_code').val(); $.ajax({ type:'POST', url:'http://www.api51.cn/api/smsApi/sendcode', data:{ 'mobile':mobile, 'tpl_id':tpl_id, 'country_code':country_code, 'params':params, 'sign':sign, 'token':token }, dataType: "json", success: function(data){ console.log(data) if(data.result==0){ alert('發送成功'); }else{ alert(data.errmsg); } } }) } </script> </body> </html> ~~~