`
houday123
  • 浏览: 217231 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ajax与json配合使用最简单实现

    博客分类:
  • Ajax
阅读更多
//ajax声明

var xmlHttp;
  function createXMLHttpRequest() {    

     if (window.ActiveXObject) {
         xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
     }
     else if (window.XMLHttpRequest) {
         xmlHttp = new XMLHttpRequest();
     }
}
//javascript调用执行back()方法启动ajax
  function back()

     var url="/websys/main/actionurl.do?paraname=123";
     createXMLHttpRequest();
     xmlHttp.open("GET", url);
     xmlHttp.onreadystatechange =callback;
     xmlHttp.send(null);
    
  }

//回掉函数
function callback(){
  if (xmlHttp.readyState == 4) {
       if (xmlHttp.status == 200) {
   var resstr=xmlHttp.responseText;

   var ress=eval("("+resstr+")");
           if(ress.msg==false){
                    alert(ress.value);

           }else{
            alert(ress.value);
           }
       }
    
}

//后台action

public ActionForward execute(.......)throws IOException

{

     String paravalue=rerquest.getParameter("paraname");

     PrintWriter out=response.getWriter();

    if(paravalue.equals("123"))

{

      out.print("{msg:'success',value:'oknow!'}");

      return null;

}

else

{

     out.print("{msg:error,value:'error!'}");}

     return null;

}

return null;
}
分享到:
评论

相关推荐

    jquery-ajax最简单的实力

    jQuery库为开发者提供了方便、简洁的API,使得使用AJAX变得更加简单。在这个教程中,我们将深入理解如何使用jQuery中的AJAX函数来读取XML文件,进而实现二级联动效果,这对于初学者来说是一个很好的学习起点。 **一...

    ajax+jso+mybatis+mysql模仿百度简单分页案例

    在本案例中,我们主要探讨如何使用Ajax、JSON、MyBatis和MySQL来实现一个类似于百度的简单分页功能。这个教程特别适合那些希望提升自己技能的程序员,通过阅读源代码和注释,你可以深入理解这些技术的结合使用。下面...

    最简单实用的Ajax框架么,DWR

    DWR (Direct Web Remoting) 是一个开源的Java框架,它允许在Web应用程序中实现Ajax(Asynchronous JavaScript and XML)技术,使得Web页面能够与服务器进行异步通信,无需刷新整个页面即可更新部分数据。DWR简化了...

    java_json最完整例子

    在Java服务器端,我们可以使用Spring MVC框架配合Jackson库处理Ajax请求: ```java import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.RestController;...

    AJAX在PHP中的简单使用

    【AJAX 在 PHP 中的简单使用】 AJAX(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页内容的技术。这种技术通过JavaScript与服务器进行异步数据交换,提高了用户体验,使得...

    《ajax入门经典》源代码

    1. **Ajax基础**:讲解Ajax的基本概念,包括异步通信的工作原理、XMLHttpRequest对象的使用以及简单的Ajax请求示例。 2. **JavaScript和DOM**:介绍JavaScript的基础知识,以及如何通过DOM(Document Object Model...

    简单实用的ssm+json三级联动

    这种功能通常需要前端与后端紧密配合,通过AJAX异步请求,利用JSON数据动态加载。 6. **实现步骤**: - 前端使用JavaScript或jQuery监听选择框的change事件,触发AJAX请求。 - 后端(SpringMVC)接收到请求后,...

    Struts2整合jQuery实现Ajax功能

    在本案例中,我们将探讨如何使用 Struts2 的 Action 配合 jQuery 的 AJAX 方法来实现实时验证和数据交换。 首先,我们需要了解 jQuery。jQuery 是一个强大的 JavaScript 库,它简化了 DOM 操作、事件处理、动画以及...

    ajax 资料ajax asp.net 示例

    3. **Timer**:可以与UpdatePanel配合使用,定时触发更新,实现定时刷新效果。 4. **AjaxControlToolkit**:这是一套扩展控件,提供了许多预构建的Ajax功能,如AutoCompleteExtender(自动完成)、...

    ajax简单入门讲解

    - 学习如何与不同后端语言(如PHP、Node.js等)配合使用Ajax。 10. **进阶话题** - jQuery和Vue、React等前端框架都提供了方便的Ajax库,简化了Ajax的使用。 - CORS(跨源资源共享)对于实现跨域Ajax请求至关...

    jquery,ajax的几个小例子

    Struts2提供了JSON结果类型,方便与前端的Ajax请求配合。首先,你需要在Action类中添加JSON支持,并返回一个Map或自定义对象。然后,前端通过$.ajax()或$.get()发送请求,获取并解析返回的JSON数据。 **四、级联...

    java ajax简单应用

    在IT领域,JavaScript的异步通信技术Ajax(Asynchronous JavaScript and XML)被广泛应用于...通过实践这个简单的应用,新手可以深入理解Ajax的工作原理以及如何与Java后端进行配合,为后续更复杂的Web开发打下基础。

    C#.net下jquery ajax实例及教程

    在C#.NET框架下,jQuery AJAX技术是一种广泛用于创建异步Web应用程序的方法,它使得页面无需刷新即可与服务器进行交互,提升用户体验。本教程将深入探讨如何在C#.NET环境中结合jQuery实现AJAX功能。 首先,jQuery库...

    Java Ajax实现Google搜索栏的那种动态补全

    这种技术的核心在于使用 AJAX(Asynchronous JavaScript and XML)进行异步数据交换,配合后端数据库查询,实现实时的搜索建议。 首先,我们需要了解 AJAX 的工作原理。AJAX 允许网页在不重新加载整个页面的情况下...

    jquery post get简单实例,php的

    总结起来,`jQuery.post()`和`.get()`方法为前端开发者提供了简单而强大的手段来实现异步数据交互,配合`dataType: 'json'`可以方便地处理JSON数据。结合PHP等服务器端语言,可以构建动态、交互性强的Web应用。通过...

    最新版S2SH整合ajax之demo

    1. **Struts2与Ajax集成**:Struts2支持Ajax请求,通过Struts2的Action类和结果类型配置,可以处理来自Ajax的请求并返回JSON或XML数据。通常,需要在struts.xml配置文件中定义一个特定的Action,以处理Ajax请求。 2...

    jquery ajax跨域html前台 php后台

    综上所述,本示例中的"jquery ajax json 跨域"是通过jQuery的Ajax和JSONP机制,配合PHP服务器的响应,实现了HTML与PHP之间的跨域数据交互。通过理解这些核心概念和代码示例,你可以更好地应对实际开发中的跨域挑战。

    构建完备的Ajax开发工具箱

    1. jQuery:是最流行的JavaScript库之一,提供了简单易用的API来处理Ajax请求。 2. Microsoft ASP.NET AJAX:微软提供的官方Ajax库,与ASP.NET紧密结合,提供丰富的服务器控件和客户端库。 3. AngularJS:Google维护...

    ajax三级联动

    **四、最简单的Ajax登陆验证** Ajax同样可以用于登录验证。用户输入用户名和密码后,点击登录按钮,而不是立即提交表单,而是发送Ajax请求到服务器进行验证。 1. **收集表单数据**:使用JavaScript获取表单元素的...

Global site tag (gtag.js) - Google Analytics