• 技术文章 >web前端 >js教程

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

    不言不言2018-07-02 17:16:42原创675
    这篇文章主要介绍了$.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;i<radio1.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> 
    <p 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> 
    </p> 
    </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> 
    <p style="top:177px"></p> 
    <pre></pre>

    以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!

    相关推荐:

    jQuery的ajax下载blob文件的方法

    jQuery实现的AJAX简单弹出层效果

    Ajax的原生实现关于MIME类型的使用方法

    以上就是$.ajax()方法进行网页间传值的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:$.ajax() 网页间传值
    上一篇:jQuery实现的AJAX简单弹出层效果 下一篇:原生JS+Canvas实现五子棋游戏的代码
    大前端线上培训班

    相关文章推荐

    • 实例解说JavaScript创建对象的四种方式• 浅谈Node.js中怎么使用console• nodejs怎么设置成员• javascript怎样获取鼠标位置• windows怎么卸载nodejs

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网