aJax可以实现两个js文件传值吗?

JavaScript014

aJax可以实现两个js文件传值吗?,第1张

给楼主给例子:

前台:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

</head>

<script src="java.inc.bag/jquery-1.9.1.min.js"></script>

<body>

<input type="text" id="input"><input type="button" id="btn" value="btn" onClick="post_input()">

</body>

</html>

<script>

function post_input(){

$.ajax({

url:"backstage.php",

type:"POST",

dataType:"json",

data:{

name:$("#input").val(),

},

error: function(XMLHttpRequest, textStatus, errorThrown){alert(textStatus)},

success: function(backdata){

    alert(backdata.getvalue)

}

})

}

</script>

后台:

<?php

if(isset($_POST['name'])){

$backValue['getvalue'] = "get ".$_POST['name']

echo json_encode($backValue)

}

ajax那里就不说了,有问题楼主再问

说一下后台这里

if段,不解释,往下

$backValue这是一个json型的对象,这个取决于前台递交时的返回数据方式dataType,如果想返回多个独立数据,那么就用json形式的(就像上面代码写的),如果只要一段字符串或者段html代码,那么dataType就可以不写,默认格式就行。

还有显示,光一个$backValue是不足以返回数据的,所以我们用echo,这里跟上面一样牵扯到返回类型的问题。如果是json格式就用echo json_encode($backValue)如果只是字符串就直接echo $backValue就行。

至于前台怎么应用返回值,主要是ajax中那个success变量指向的函数中调用的,看看例子吧,我在前台还加了一个error的报错

说的比价凌乱,楼主有问题再问,还有代码是直接在页面上手打的,可能会有错误

首先,ajax传值一般都是基于js事件去执行,所以,你要先给传值的表单加个事件,这个事件去触发一个js函数,这个函数是你自己定义的,在函数中通过jquery的ajax去指定url请求,然后基于post还是get在jQuery的方法中设置就行了,所谓ajax不过是浏览器异步请求url地址发放数据的表单而已,这样你应该明白了吧

var a = new Object()//创建一个对象

$.ajax({

type : 'GET',

url : 'b.php',

data : 'name=123&age=12',

success : function(data){ //主要还是看data返回的是什么数据类型,我下面以返回JSON为例子,

var dataArray = jQuery.parseJSON(data)//接受一个JSON字符串,返回解析后的对象。

a = dataArray

console.log(a)

}

})