Ajax实现json应用

来源:互联网 发布:淘宝助手批量上传宝贝 编辑:程序博客网 时间:2024/06/09 13:55
  Ajax实现json应用:

实现数据库与ajax结合输出对象

首先创建数据库将数据写入数据表demo.php里

创建index.html和json.js

Index.html实现如下代码

<html>

<head><title>实现ajax应用jsop</title>

<body>

<form name=”myform”>

<select name=”myselect”>

<option value=”0”>==请选择==</option>

<option value=”1”>张三</option>

<option value=”2”>李四</option>

                         <divid=”request”></div>

<script type=”text/javascrip” src=”json.js”>

</script>

</form>

</body>

</html>

Json实现代码如下

声明全局变量

Var xmlhttp;

Functionajax_join(){

创建对象

Xmlhttp=newXMLHttpRequest();

存储函数

Xmlhttp.onreadystatechange=respond;

//打开

Xmlhttp.open(“GET”,url,true);

//发送

Xmlhttp.send(null);

}

//回显

function  respond(){

if(xmlhttp.readyState==4){

eval(“arr=”+xmlhttp.respondText);

vari=document.myform.myselect.selectedIndex;

if(i==0){

str=”please choose”;

}else{

Str=”name:”+arr[i].name;

}

Document.getElementById(“result”);

 

}

 

}


原创粉丝点击