两个页面。
html中,假设有如下代码:
<script scr='jquery.js'></script><script>
$(function(){
$("#helloajax").click(function() {
$.post('ajax.php',{name:'zx',age:'26'},function(data) {
$("#result").html(data)
})
})
})
</script>
<input type="button" id="helloajax" value="点我!"/>
<span id="result"></span>
这里先是引入jquery库。
然后给id为helloajax的元素绑定了一个点击事件,作用是当这个元素被点击时,执行function中的内容,即:使用jquery库的post方法发送一个post请求到ajax.php这个文件,发送的数据是name=zx,age=26。 后面的function(data)...是回调方法,即当post请求成功后,自动执行这个方法,将data插入到id为result的元素中显示出来,于是构成了一个简单的ajax功能。
data是ajax.php文件返回(输出的内容)的数据。
ajax.php内容大体可以为:
<?phpecho '你好,我是',$_POST['name'],',我的年龄是',$_POST['age']
?>
Jquery 的 $.post() 方法通过 HTTP POST 方式向服务器发送请求并获取返回的数据,可以实现ajax的提交、接收处理、返回;
例子:
$.post(
// 接收数据的PHP页面
url : 'action.php',
// 传给PHP的数据,多个参数用&连接或者使用json格式数据:
{a:'value1',b:'value2'},function(msg)
{
// 这里是请求发送成功后的回调函数。
// msg是返回的数据
if(msg.xx == xx)
{
#处理情况一
}
else
{
#处理情况二
}
},'json')// 默认返回字符串,设置值等于json则返回json数据
jsp代码<select id="typeId" class="form-control">
<option value="1">手机</option>
<option value="2">话费</option>
</select>
jquery代码
$("#typeId option").each(function(){
if($(this).val()=='${template.typeId}'){
$(this).attr('selected',true)
}
})
jquery中的${template.typeId}是页面加载时传过来的数据
${template.typeId}在不同的条件下可以有不同的传入方式,
比如html+jquery
其他代码都一样,你只需要ajax取得要用的值即可
比如jsp(freemarker)+jquery
和原文实例一样
jsp jquery 页面中select显示加载后的数据默认选中项
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)