1.====普通方式 调用 ajax处理 返回 的 responseText=======================》
//下面主要是对 返回 responseText 进行分析 :
//方法1, 如果responseText是没有script标签的,并且是纯JS 代码,可以eval 方法执行
//eval(XMLHTTPRequest.responseText);
// 方法2 ,创建script对象 ,修改text属性的值
var script_obj=document.createElement("script");
script_obj.text = XMLHTTPRequest.responseText;
//追加对象到body中
document.body.appendChild(script_obj);
// 或者下面的 追加到head中
document.getElementsByTagName("head")[0].appendChild(script_obj);
由于对JS 在dom中执行 加载的顺序 不是很清楚 所以 需要学习
2.===============================================================》
---------------------------------->
//①下面贴出 简单的jquery的ajax处理JS 设置 dataType 类型为script ,自动执行JS脚本
$(document).ready(function() {
$("#company").focus();
$("#company").mouseup(function() {
$.ajax({
type: "POST",
url: "checkCompanyExist.action",
data: "companyName="+$("#company").val(),
async: false,
//关键地方
dataType: "script"
});
});
});
//页面:
<input name="companyName" id="company" type="text" />
<span id="msg1" style="color:red "></span>
//上面的大致意思就是 获取 company文本输入框的 mouseup事件
//通过ajax调用 后台 action ,我的后台是 struts2 action
// 调用成功 action返回一个jsp页面 如下,
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
var divInnerHTML = '${msg}';
$("#msg1").html(divInnerHTML);
jquery的ajax调用 说明 jquery 对ajax的封装还是 比较简单的!因为我是新手
-------------------------------------->
// ②使用这个 $.get()调用ajax ,处理结果 . 直接执行JS
$(document).ready(function() {
$("#company").focus();
$("#company").mouseup(function() {
$.get("checkCompanyExist.action?companyName="+$("#company").val(), function(data){
eval(data);
});
});
});
-------------------------------------->
// ③ 对返回的结果进行处理,直接执行JS
//用 $.ajax还有个好处就是 在向 后台 参数的时候不会有乱码问题
$(document).ready(function() {
$("#company").focus();
$("#company").mouseup(function() {
$.ajax({
type: "POST",
url: "checkCompanyExist.action",
data: "companyName="+$("#company").val(),
async: false,
success: function(msg){
eval(msg);
}
});
});
});
//做点有用的东西
//下面是修改(copy) 好友的 天气预报
$(document).ready(function() {
$("#search").click(function() {
$.ajax({
type: "GET",
url: "http://www.google.cn/search",
data: "hl=zh-CN9&btnG=Google+%E6%90%9C%E7%B4%A2&meta=&aq=f&oq=&q=tq",
async: false,
success: function(msg){
var data = msg;
var begin = data.indexOf("添加到 iGoogle");
var end = data.indexOf("北京市专业气象台");
var weather = data.substring(begin+29 ,end-35 );
var s=weather.split("/images");
for(var i=0;i<s.length;i++){
s[i]=s[i]+"http://www.google.cn/images";
}
var xs=s.join("");
$("#wea").html(xs);
}
});
});
});
//HTML页面
<input type="button" value="天气查询" id="search"></input>
<div id="wea"></div>
代码 打包
分享到:
相关推荐
本文实例分析了ajax请求之返回数据的顺序问题。分享给大家供大家参考,具体如下: ajax请求一个url,php后端处理后,数组为如下格式: 代码如下:$a = array( ‘-1’=> 10 ,’-3′ => 2, ‘0’ => ‘5’ ,’-2′ => ...
昨天下午做项目遇到一个问题,贴出来方便以后翻阅,也给大家个参考。 问题: 具体做的是个文件导入的功能,导入的功能是成功了...这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出现
ajax返回datatable绑定下拉框.docx
实现jquery ajax跨域。前台页面 和 java代码类
本篇内容主要给大家讲解了Android Webview拦截ajax请求的详细讲解,需要的朋友一起来学习一下。
本文实例讲述了ThinkPHP通过AJAX返回JSON的两种实现方法。分享给大家供大家参考。具体方法如下: 方法一: php代码如下: 复制代码 代码如下:$arr = array( ‘name’=>$picname, ‘pic’=>$pics, ‘size’=>$size );...
ajax的代码,用的是jquery的 ajax: $.ajax({ url: /test.php,//后台提供的接口 type: post, //请求方式是post data:{type:1, //这是你要传给后台的data值 t:c4552111 }, dataType: json, //数据类型是json型...
ajax.js 一个用原生 JavaScript 编写的简单模块。 模块是用原生 javascript 编写的,具有简单的 AJAX 需求。 一个简单的 GET 调用在一个... 从的 16 行代码的非工作大纲开始,我最终在 ajax.js 文件顶部有超过 150
简单好用的ajax库函数,js代码,只有6K大小,可以代替JQuery中几M的函数库. 调用方法: ajaxSendGet('返回函数名', '访问的URL'); ajaxSendPost('返回函数名', '访问的URL', 'POST提交的参数内容'); 返回函数: function...
查找了下,原来它意味着 (未初始化)即没有调用到send()方法,我原来代码如下 : $.ajax({ url:"test", type:"post", data:{ blogTitle : $("#form1 input").val(), blogType : $("#form1 option:selected")....
js解析excel代码,和java后端接收前台ajax传过来的解析数据(包括所需js插件包)
Ajax请求接口,Django框架下从该接口接收Ajax发送的json数据,同时将新的json数据返回给Ajax,Ajax收到后在js进行处理,然后和页面内容交互。整个数据前后端交互全部采用json格式。代码高度封装,只需要更改json内容...
D、处理服务器返回的信息... 11 E、一个初步的开发框架... 11 7.3、简单的示例... 13 A、数据校验... 13 B、级联菜单... 14 参考文章:... 16 在使用浏览器浏览网页的时候,当页面刷新很慢的时候...
然后用Ajax将数据发送到数据库签到表,更新签到表,于是我就把每个签到按钮的id属性设置成第一次Ajax返回的每个员工信息的工号,再次用JQuery获取,怎么获取呢?想到了标签加事件选择器,于是写了下面代码: 代码...
//successFunc就是一个请求返回成功之后的一个function,有一个参数,参数就是服务器返回的报文体 function ajax(url,successFunc) { var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject...
引言:ajax异步传输,可以传输字符串,但是数组这样的数据,就不太好传递了,这个时候怎么办呢? 答案是可以通过json来处理,后台将数据数据进行json编码! 然后客户端,通过js来进行解析。 这样问题就解决了!json...
<script type="text/javascript" src="Ajax/Ajax.js"></script> // 配套的 js <script type="text/javascript" src="Ajax/Handler.ashx"></script> // 第 3 步中的一般处理程序(注意 url 中不带任何传参) 例...
ajax struts 无刷新访问后台返回json数据,返回list、map,java类对象等json数据,前台js解析json数据,内有jar包,代码类。是一个完整的项目实例。
这是AJAX开发中很常见的问题,如果你不是一直在用JavaScript框架做开发,相信你早就发现这个问题了。本文分析了两个解决办法,其中一个是讲解jQuery框架的实现。 一、 问题描述 下面举个简单的例子,演示问题所在。...