$.post()
定义和用法
post() 方法通过 HTTP POST 请求从服务器载入数据。
jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)
| 参数 | 描述 |
|---|---|
| url | 必需。规定把请求发送到哪个 URL。 |
| data | 可选。映射或字符串值。规定连同请求发送到服务器的数据。 |
| success(data, textStatus, jqXHR) | 可选。请求成功时执行的回调函数。 |
| dataType |
可选。规定预期的服务器响应的数据类型。 默认执行智能判断(xml、json、script 或 html)。 |
项目中:
页面代码:
<script src="${ctx}/js/jquery.js"
type="text/javascript"></script>
<script type="text/javascript">
$(document).ready( function()
{
//使用 Ajax 的方式 检查分类名是否存在
$("#result").hide();
$("#name").keyup( function() {
var url = '${ctx}/manage/example/gradeAjax.action';
//获取表单值,并以json的数据形式保存到params中
var params = {
name:$("#name").val()
//上行结尾决对不加逗号(,)。如果加了在IE6下就不能运行实现了。
};
//alert(params.name);
//使用$.post方式
$.post(
url,
//服务器要接受的url
params,
//传递的参数
function cbf(data){
//服务器返回后执行的函数 参数 data保存的就是服务器发送到客户端的数据
var a =
eval_r("("+data+")");
//包数据解析为json 格式
//eval_r() 函数可计算某个字符串,并执行其中的的
JavaScript 码
if(a.existed == "0"){
//$('#name').focus();// $('#name')[0].focus();
//$('#name').val($("#name").val());
$("#result").hide();
//setTimeout("$('#result').hide();",1000);//1秒
}else{$("#result").show();}
},
'json'
//数据传递的类型 json
);
});
});
</script>
。。。。
<tr>
<td
class="item">班级名</td>
<td><input type="text"
id="name" name="name"
/><span id="result"
style="color:red;font-size:12;">班级名已存在</span></td>
</tr>
后台:
@SuppressWarnings("serial")
public class GradeAjaxAction extends ActionSupport {
private
final Log log = LogFactory.getLog(getClass());
private
String name;
private
String result;
@Autowired
@Qualifier(
"gradeServiceImpl")
private
GradeService gradeService;
@Override
public
String execute() throws Exception {
log.debug(name);
//
用一个Map做例子
Map<String, String> map = new
HashMap<String, String>();
log.debug(name);
boolean b = this.gradeService.isExistName(name);
log.debug(b);
//
为map添加一条数据,记录一下页面传过来name
map.put("existed", b ? "1" : "0");
log.debug("map:" + map);
// 将要返回的map对象进行json处理
JSONObject jo =
JSONObject.fromObject(map);
log.debug("jo:" + jo);
//
调用json对象的toString方法转换为字符串然后赋值给result
this.result
= jo.toString();
//
可以测试一下result
log.debug("result:" + this.result);
return
SUCCESS;
}
public
String getResult() {
return
result;
}
public void
setName(String name) {
this.name =
name;
}
}
配置文件中:
<action name="gradeAjax"
class="com.goldsoft.action.example.GradeAjaxAction">
<!-- 返回类型为json,
在struts2-json-plugin-2.2.3.jar->struts-plugin.xml中定义
-->
<result
type="json">
<!-- root的值对应要返回的值的属性
-->
<!-- 这里的result值即是 对应action中的 result
-->
<param
name="root">result</param>
</result>
</action>
随机推荐
- yiibooster+bsie
对于使用yii框架来说,如果使用bootstrap框架的话,现在有一个比较方便的使用途径:yiibooster.官网地址是:http://yii-booster.clevertech.biz/当然,我 ...
- mysql_fetch_row,mysql_fetch_array,mysql_fetch_assoc的区别
<?php $link=mysql_connect('localhost','root',”); mysql_select_db('abc',$link); $sql = “select * f ...
- 【UI控件总结】【UIScrollView】深入理解篇UIScrollerView
[UI控件总结][UIScrollView]基本方法+基本描述 接下来,我整理一下自己的思路,深入理解 UIScrollView 基本点 : 1 . UIScrollView 是一个UIView. 每 ...
- 爬虫组NABC
Need(需求): 我们小组的研究课题是编写一个更实用的爬虫软件,编写时会应用到学长的部分代码并在其基础上完善创新. 鉴于学长代码已经实现了基本功能,即从网站上面爬取相关的Word文档等与计算机有关的 ...
- Careercup - Facebook面试题 - 4922014007558144
2014-05-01 02:13 题目链接 原题: Design question: Say you have hacked in to a network and can deploy your b ...
- Django 学习笔记之三 数据库输入数据
假设建立了django_blog项目,建立blog的app ,在models.py里面增加了Blog类,同步数据库,并且建立了对应的表.具体的参照Django 学习笔记之二的相关命令. 那么这篇主要介 ...
- QT for android 比较完美解决 全屏问题
项目用到QT qml,需要在android下面全屏显示,折腾了一晚上,搞定,分享下,希望能帮助他人. 参考 Qt on Android:让 Qt Widgets 和 Qt Quick 应用全屏显示 该 ...
- Java7 新特性 switch 可以使用String
今天和大家分享下 在java7中可以使用String 作为switch 中的参数. 原来在java7之前,switch只能去接收一个 byte.char.short.int 类型 现在在java7中 ...
- 增强学习(Reinforcement Learning and Control)
增强学习(Reinforcement Learning and Control) [pdf版本]增强学习.pdf 在之前的讨论中,我们总是给定一个样本x,然后给或者不给label y.之后对样本进行 ...
- 01-05-01-1【Nhibernate (版本3.3.1.4000) 出入江湖】延迟加载及其class和集合(set、bag等)的Lazy属性配置组合对Get和Load方法的影响
这篇文章 http://ayende.com/blog/3988/nhibernate-the-difference-between-get-load-and-querying-by-id One o ...