Ajax发送请求数据步骤
来源:互联网 发布:360 手机网络收藏夹 编辑:程序博客网 时间:2024/06/06 09:00
//定义用户名校验的方法
function verify() {
//首先测试一下页面的按钮按下,可以调用这个方法
//使用javascript的alert方法,显示一个提示框
//alert("按钮被点击了")
//1.获取文本框中的内容
//document.getElementById("userName");dom的方式
//jquery的方法返回的都是jQuery的对象,可以继续在上面执行其他的jQuery方法
var jqueryObj = $("#userName");//Jquery的查找节点的方式,参数中的#加上id属性值可以找到一个节点
var userName = jqueryObj.val();
//2.将文本框中的数据发送给服务器端的servlet
//使用jQuery的XMLHTTPRequest对象get请求的封装
$.get("AjaxServer?name=" + userName,null,callback);
}
function callback(data) {
//3.接受服务器端返回的数据
// alert(data);
//4.将服务器端返回的数据动态的显示在页面上
//找到保存结果信息的节点
var resultObj = $("#result");
//动态的改变页面中div节点中的内容
resultObj.html(data);
function verify() {
//首先测试一下页面的按钮按下,可以调用这个方法
//使用javascript的alert方法,显示一个提示框
//alert("按钮被点击了")
//1.获取文本框中的内容
//document.getElementById("userName");dom的方式
//jquery的方法返回的都是jQuery的对象,可以继续在上面执行其他的jQuery方法
var jqueryObj = $("#userName");//Jquery的查找节点的方式,参数中的#加上id属性值可以找到一个节点
var userName = jqueryObj.val();
//2.将文本框中的数据发送给服务器端的servlet
//使用jQuery的XMLHTTPRequest对象get请求的封装
$.get("AjaxServer?name=" + userName,null,callback);
}
function callback(data) {
//3.接受服务器端返回的数据
// alert(data);
//4.将服务器端返回的数据动态的显示在页面上
//找到保存结果信息的节点
var resultObj = $("#result");
//动态的改变页面中div节点中的内容
resultObj.html(data);
}
合起来写就是:
function verify() {
$.get("AjaxServer?name=" +$("#userName").val(),null,callback(data){
$("#result").html(data);
});
}
0 0
- Ajax发送请求数据步骤
- ajax发送异步请求的步骤
- ajax发送异步请求的步骤
- $ajax发送请求数据库数据不动
- AJAX发送数据之get请求方式
- ajax请求步骤
- 基础Ajax发送请求
- JQuery发送Ajax请求
- Ajax发送GET请求
- Ajax发送POST请求
- AJAX发送请求
- AJAX发送异步请求
- ajax发送同步请求
- js发送ajax请求
- Ajax发送GET请求
- Ajax发送Post请求
- ajax 发送异步请求
- ajax发送请求乱码
- touch事件需要注意的
- 返回局部变量和指针
- [Android4.4.3] Nubia Z5S Mokee4.4.3 RC2.0 by syhost
- 链接器脚本
- oj(一)v
- Ajax发送请求数据步骤
- JX8NET团队正式启用项目管理软件 DotProject
- windows7登陆smb用户名不存在
- oj(一)w
- HQL语句总结
- hibernate连接池参数说明
- 深入浅出 - Android系统移植与平台开发(九)- Android系统system_server及Home启动
- 求连续向量的最大子和问题(扫描算法)
- 黑马程序员——集合二