extjs Ext.Ajax.request 从后台得到 String 字符串 在页面显示器内容

本文演示了如何使用Ext.js的AJAX方法解析通过POST请求传递的普通字符串,并将其内容展示在HTML元素中。

此例子主要显示extjs 的 ajax 是如何解析 普通字符串的

JS

        function testStringAjax()
	{
		var areaName = "";
		Ext.Ajax.request({
		   	method: 'POST',// 请求方式
		   	url: 'testStringAjax',//URL 
		   	params: {areaName:""+areaName+""},//要传递的参数,此参数可以是一组参数
		   	waitMsg: '数据更新中,请稍后...',
		   	success: function(response,options){
		   		var textDoc = response.responseText;//注意此处用的是 responseText 
		   		if(textDoc!=null)
	   			{
		   			var vs = textDoc.split('^_^'); 
	   				document.getElementById("zcl").innerHTML = vs[0];//将得到的值展示在页面上
	   				document.getElementById("zyc").innerHTML = vs[1];
	   			}
		   	},
		   	failure: function(response,options){
		   		Ext.Msg.alert("信息提示", "获取数据库数据出错,请稍后再试!");
		   	},
		   	autoAbort:false
		});
	}
        Ext.onReady(testStringAjax);


jsp 部分代码

<div id="zcl"></div>

<div id="zyc"></div>



action

public String testStringAjax() {
		
		try {
			
			String s = "hi^_^你好";
			response.getWriter().print(s);
			response.getWriter().flush();
			response.getWriter().close();
		} catch (Exception e) {
			e.printStackTrace();
		}
		return null;
}



在DELPHIXE2 UniGUI 1.90.0 Standalone Server环境下,前端ExtJS使用`Ext.Ajax.request`时,URL的填写需要考虑服务器端处理请求的地址。 ### 相对路径 如果请求的处理程序与当前页面在同一目录或子目录下,可以使用相对路径。例如,若处理请求的脚本名为`process.php`,且与当前页面在同一目录,URL可这样填写: ```javascript Ext.Ajax.request({ url: 'process.php', success: function(response){ // 处理成功响应 }, failure: function(response){ // 处理失败响应 } }); ``` ### 绝对路径 当处理请求的脚本不在当前页面所在目录时,可使用绝对路径。绝对路径需包含从网站根目录开始的完整路径。假设处理请求的脚本位于网站根目录下的`api`文件夹中,名为`data.php`,URL填写如下: ```javascript Ext.Ajax.request({ url: '/api/data.php', success: function(response){ // 处理成功响应 }, failure: function(response){ // 处理失败响应 } }); ``` ### 动态URL 若需要根据不同情况动态生成URL,可在代码中构建URL。例如,根据用户选择的参数生成URL: ```javascript var paramValue = 'someValue'; var url = '/api/getData.php?param=' + paramValue; Ext.Ajax.request({ url: url, success: function(response){ // 处理成功响应 }, failure: function(response){ // 处理失败响应 } }); ``` ### 跨域请求 如果请求的服务器地址与当前页面的域名、端口或协议不同,属于跨域请求。这种情况下,需要服务器端配置CORS(跨域资源共享)。例如,请求另一个域名下的API: ```javascript Ext.Ajax.request({ url: 'https://example.com/api/data.php', success: function(response){ // 处理成功响应 }, failure: function(response){ // 处理失败响应 } }); ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值