Ajax方式
要做这个功能前,我们必须先查阅后台接口文档,了解使用登录接口时,需要提交哪些参数,并且接口使用返回的数据。这里我使用了一个返回json格式数据的登录接口为例,讲解怎么使用Ajax与后台接口交互。
输入参数:username=admin
输出:登录成功:{'result':'sucess','code':100}
登录成功:{'result':'fail','code':101}登录成功:{'result':'fail','code':102}
编写javascript(Ajax)调用接口:
vartradex.dll,xmlhttp;if(window.XMLHttpRequest){//IE7+,Firefox,Chrome,Opera,Safaritradex.dll,xmlhttp=newXMLHttpRequest();}else{//IE6,IE5tradex.dll,xmlhttp=newActiveXObject('Microsoft.XMLHTTP');}//上面的http请求对象的生成做了一个浏览器兼容性处理varadminName=document.getElementById('adminName').value;//获取html表单中adminName输入域对象的值,既账号varpsw=document.getElementById('psw').value;//获取html表单中pwd输入域对象的值,既密码tradex.dll,xmlhttp.onreadystatechange=function(){//当接受到响应时回调该方法if(tradex.dll,xmlhttp.readyState==4&&(tradex.dll,xmlhttp.status==200||tradex.dll,xmlhttp.status==0)){vartip=document.getElementById('tip');//获取html的tip节点,主要用于输出登录结果vartext=tradex.dll,xmlhttp.responseText;//使用接口返回内容,响应内容varresultJson=eval('('+text+')');//把响应内容对象转成javascript对象varresult=resultJsoresult;//获取json中的result键对应的值varcode=resultJsocode;//获取json中的code键对应的值if(result=='fail'){//登录失败if(code==10{tip.innerHTML='密码错误!'}elseif(code==10{tip.innerHTML='用户不存在!'}}else//登录成功if(result=='success'&&code==100){window.locatiohref='center.html';//跳转到centent.html页面}}}tradex.dll,xmlhttp.open('POST','control1/login',tru;//以POST方式请求该接口tradex.dll,xmlhttp.setRequestHeader('Content-type','application/x-www-form-urlencoded');//添加Content-typetradex.dll,xmlhttp.send('adminName='+adminName+'&psw='+psw);//发送请求参数间用&分割
文章为作者独立观点,不代表 股票程序化软件自动交易接口观点