• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    $.ajax()方法进行网页间传值示例
    ajaxtext1.jsp
    复制代码 代码如下:

    %@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
    script type="text/javascript" language="javascript" src="jquery.js">/script> !-- 必须包含 jquery.js文件,否则将无法传值-->
    head>
    script type="text/javascript">
    function fun(){
    var ss;
    var radio1=document.getElementsByName("radio1"); //读取单选按钮的值
    for(var i=0;iradio1.length;i++){
    if(radio1.item(i).checked){
    ss=radio1.item(i).value;
    break;
    }
    }
    // var sendstr="sendstr1="+form1.text1.value+"sendstr2="+ss;
    $.ajax({
    type:"POST",
    url: "ajaxtest2.jsp",
    async:false,
    // data:sendstr, //也可以用注释的这方式来进行传值操作
    data:{sendstr1:form1.text1.value,sendstr2:ss}, //也可以用 $("#text1").val()的方式读取text1中的元素值
    success:function(data){
    alert(data);
    }
    });
    }
    /script>
    /head>
    body>
    div align="center">
    form id="form1" name="form1" action="" method="post" >
    输入:input type="text" name="text1" id="text1">br>
    金球:input type="radio" name="radio1" value="梅西">梅西
    input type="radio" name="radio1" value="C罗">C罗br>
    input type="button" value="提交" onclick="fun()">
    /form>
    /div>
    /body>
    /html>

    ajaxtest2.jsp
    复制代码 代码如下:

    pre code_snippet_id="269881" snippet_file_name="blog_20140402_4_8173458" class="javascript" name="code">%@ page contentType="text/html;charset=utf-8"%>

    %
    request.setCharacterEncoding("utf-8");
    String sendstr1=request.getParameter("sendstr1");
    String sendstr2=request.getParameter("sendstr2");
    String sReturn=sendstr1+"_new_"+sendstr2;
    %>
    %=sReturn%>/pre>pre code_snippet_id="269881" snippet_file_name="blog_20140402_5_3124712" class="javascript" name="code">/pre>pre code_snippet_id="269881" snippet_file_name="blog_20140402_5_3124712" class="javascript" name="code">h2 class="titName SG_txta" id="t_4f925fc30100la36">JQuery中$.ajax()方法参数详解 问百度或Google
    /h2>/pre>
    pre>/pre>
    div style="top:177px">/div>
    pre>/pre>
    您可能感兴趣的文章:
    • jQuery使用$.ajax进行即时验证的方法
    • jQuery使用$.ajax进行异步刷新的方法(附demo下载)
    • Jquery中$.ajax()方法参数详解
    • jquery.ajax之beforeSend方法使用介绍
    • jquery.Ajax()方法调用Asp.Net后台的方法解析
    • jquery.ajax的url中传递中文乱码问题的解决方法
    • JQuery中$.ajax()方法参数详解及应用
    • 微软ajax库的使用方法(ajax.ajaxMethod)
    • $.ajax()常用方法详解(推荐)
    上一篇:ie发送ajax请求返回上一次结果的解决方法
    下一篇:Jquery版本导致Ajax不执行success回调函数
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    $.ajax()方法进行网页间传值示例 .ajax,方法,进行,网页,间传,