`
magic_agate
  • 浏览: 105786 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

纯js的ajax

    博客分类:
  • js
阅读更多
/**
 * 得到ajax对象
 */
function getajaxHttp() {
	var xmlHttp;
	try {
		// Firefox, Opera 8.0+, Safari
		xmlHttp = new XMLHttpRequest();
		} catch (e) {
			// Internet Explorer
			try {
				xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e) {
			try {
				xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {
				alert("您的浏览器不支持AJAX!");
				return false;
			}
		}
	}
	return xmlHttp;
}

/**
 * 发送ajax请求
 * url--url
 * methodtype(post/get)
 * con (true(异步)|false(同步))
 * functionName(回调方法名,不需要引号,这里只有成功的时候才调用)
 * (注意:这方法有二个参数,一个就是xmlhttp,一个就是要处理的对象)
 * obj需要到回调方法中处理的对象
 */
function ajaxrequest(url,methodtype,con,functionName,obj){
	var xmlhttp=getajaxHttp();
	xmlhttp.onreadystatechange=function(){
		if (xmlhttp.readyState==4){ 
		   if (xmlhttp.status==200){ 
			   functionName(xmlhttp.responseText);
		    }
		  }
		
	}; 
	xmlhttp.open(methodtype,url,con);
	xmlhttp.send();
}
function onSuccess(response){
	if(response=="fail"){
		alert("时间段已存在,请更改其他时间段");
		return false;
	}else{
		$("msgStraForm").submit();
	}
}
function checkSub(){
	var send_content=document.getElementById("send_content").value;
	var start_time=document.getElementById("start_time").value;
	var end_time=document.getElementById("end_time").value;
	var msgStraBtnSub=document.getElementById("msgStraBtnSub").value;
	var url;
	var editMsgsid;
	editMsgsid=document.getElementById("EditMsgsid").value;
	if(send_content==""){
		alert("请输入内容");
		return false;
	}if(send_content.length>195){
		alert("发送内容不能超过195个汉字");
		return false;
	}
	if(parseInt(start_time)>parseInt(end_time)||parseInt(end_time)==parseInt(start_time)){
		alert("时间段选择错误,请重新选择");
		return false;
	}
	var url="./strategy!checkData?editId="+editMsgsid+"&start_time="+start_time+"&end_time="+end_time;
	ajaxrequest(url,"post",true,onSuccess,document);
}


java action 代码

public String checkData() {
		try {
			HttpServletRequest request = ServletActionContext.getRequest();
			HttpServletResponse response=ServletActionContext.getResponse();
			PrintWriter writer = response.getWriter();
			String editId=request.getParameter("editId");
			String startTime=request.getParameter("start_time");
			String endTime=request.getParameter("end_time");
			boolean flag=false;
			flag=sendPlanMgr.checkByCallType(editId,startTime, endTime);
			if (flag)
				writer.write("fail");
		    else {
		    	writer.write("success");
		    }
		    writer.flush();
		    writer.close();
		} catch (Exception e) {
			log.error(e.getMessage());
			e.printStackTrace();
		}
		return null;
	}
分享到:
评论

相关推荐

    纯JavaScript实现Ajax

    在本示例中,我们将探讨如何使用纯JavaScript实现Ajax,并调用Java代码来处理数据。 首先,我们需要了解Ajax的基本组成部分: 1. **创建XMLHttpRequest对象**:这是Ajax的核心,几乎所有现代浏览器都内置了这个...

    纯js封装原生ajax

    纯js封装原生ajax,XMLHttpRequest/ActiveXObject对象封装

    ajax 纯JavaScript demo ajax示例

    总结起来,Ajax是提升网页动态交互性的重要工具,通过纯JavaScript实现Ajax,可以避免依赖额外的库或框架,提高页面性能。了解并熟练掌握Ajax的使用,对于前端开发者来说是必不可少的技能之一。在实际应用中,还可以...

    纯js实现ajax无刷新三级联动

    本项目"纯js实现ajax无刷新三级联动"旨在利用JavaScript和Ajax技术,无需页面整体刷新即可实现多级选择联动效果,这种效果常见于下拉菜单的联动筛选中。在描述中提到,此项目使用了JSON格式进行数据交换,这有助于...

    js Ajax的实例

    本篇文章将通过一个具体的示例来详细介绍如何使用纯 JavaScript 实现 AJAX 的功能。 #### 二、HTML 结构 首先,我们来看一下 HTML 部分的结构。这段代码创建了一个简单的表单,包含一个输入框和一个显示建议结果的...

    Javascript & Ajax 中文手册

    **AJAX** 即 Asynchronous JavaScript and XML(异步 JavaScript 和 XML),虽然名字中有 XML,但实际应用中数据格式并不限于XML,可以是 JSON、HTML 或者纯文本。AJAX 的核心是 XMLHttpRequest 对象,它允许 ...

    纯ajax

    【Ajax(Asynchronous JavaScript and XML)技术详解】 Ajax,全称异步JavaScript和XML,是一种在无需刷新整个网页的情况下,能够更新部分网页内容的技术。它通过在后台与服务器进行少量数据交换,使得网页实现局部...

    ajax经典面试题;一个页面实现增删改查之纯JS版

    本话题将详细探讨如何在一个页面上利用纯JavaScript实现增删改查(CRUD)操作,并结合ASP.NET来构建Web应用程序。 首先,`Ajax`的核心理念在于不刷新整个页面的情况下更新页面的特定部分,通过异步通信与服务器进行...

    自动完成JS类(纯JS, Ajax模式)

    标题中的“自动完成JS类(纯JS, Ajax模式)”指的是在JavaScript中实现的自动完成功能,这是一种常见的用户界面特性,通常用于输入框,当用户在输入时,系统会根据已输入的内容提供匹配的建议列表。这个类是使用纯...

    Javascript ajax加载Loading

    以下是一个简单的使用纯JavaScript和AJAX实现加载指示器的步骤: 1. **HTML结构**:在HTML文件中,创建一个用于显示GIF动图的元素,如`<div>`或`<img>`,并将其初始样式设置为隐藏。 ```html ;"> ``` 2. **...

    ajax通用函数,兼容市面所有浏览器,纯javascript实现

    }这个通用 `ajax` 函数通过使用 JavaScript 实现了一个跨浏览器的 AJAX 请求。它首先检查是否支持 `ActiveXObject`(针对旧版 Internet Explorer)或 `XMLHttpRequest` 对象。然后,它会初始化一个请求,设置请求...

    一个基于纯js+ajax实现的Auto-suggest 模糊搜索对话框源码

    总结来说,这个源码实现了一个基于纯JavaScript和Ajax的模糊搜索对话框,它监听用户输入,通过Ajax异步获取相关数据,动态更新页面显示搜索建议。这个功能对于任何需要用户输入关键字的应用都非常有用,如搜索引擎、...

    类似Ajax日期控件,纯js

    【标题】"类似Ajax日期控件,纯js"所指的是在网页中使用JavaScript实现的一种无需服务器交互(即不触发回发)的日期选择功能。这种控件与Ajax(异步JavaScript和XML)技术类似,因为它提供了用户体验上的即时反馈,...

    基于纯js+Ajax实现的无刷新网页表单验证示例源码例子

    在这个基于纯JavaScript和Ajax实现的无刷新网页表单验证示例中,我们将深入探讨相关技术与实践。 首先,JavaScript是客户端编程的主要语言,它在用户的浏览器上运行,可以实时检查用户输入,提供即时反馈,而无需...

    纯Ajax 仿windows网站后台模板

    Ajax,全称Asynchronous JavaScript and XML(异步JavaScript和XML),是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。Ajax的核心是通过JavaScript与XMLHttpRequest对象来实现页面与服务器的异步...

    js对ajax返回数组的处理介绍

    在JavaScript(JS)中,AJAX(Asynchronous JavaScript and XML)是一种用于创建动态网页的技术,它允许我们在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。在处理AJAX返回的数据时,如果数据是数组...

    c# + js + ajax

    在IT行业中,C#、JavaScript(JS)和Ajax(异步JavaScript和XML)是构建现代Web应用程序的关键技术。Ajax允许创建动态、响应迅速的用户界面,而无需每次交互都重新加载整个页面。以下是对这些技术及其在实际应用中的...

    Javascript跨域和Ajax跨域解决方案

    通过动态创建`<script>`标签,并设置其`src`属性为一个提供回调函数的URL,服务器返回的不再是纯JSON数据,而是包裹在JavaScript函数调用中的JSON数据,客户端预先定义好这个回调函数,从而实现跨域数据交互。...

    AJAX纯JS示例

    纯JS(非JQ)的AJAX示例,写了个JS类,将代码简化到最简,所以与JQUERY比优势就是极快,虽然代码简单,但是功能完整,DEMO多,有直接取页面返回值的(responseText),有JSON结果的,有XML的各种示例。让AJAX...

Global site tag (gtag.js) - Google Analytics