Cfrgtkky

im trying to add what the user entered into the form on to the end of a url using a ajax post, which the php form will submit to a web service, so far i can't figure this out any help would be appreciated

the ajax serializes the form and checks which radio button has been selected with this line var url = $("input[name='operation']:checked").val(); i want to add the parameters onto this url

this is the form code

  <form name="myform"   id="myform" method="POST">

 <input type="radio" name="operation" value="currPost.php" id="Post" 

onclick='displayFunctionPost("Post")'> Post

 <input type="radio" name="operation" value="currPut.php" id="Put" 

onclick='displayFunctionPut("Put")'> Put

 <input type="radio" name="operation" value="currDel.php" id="Delete" 

onclick='displayFunctionDelete("Del")'> Delete

 <br>

Currency Code:

 <br>



  <input type="text" name="currencycode" id="currencycode" placeholder="Code" disabled>

  <!--currency form-->

  <br>

  Currency Name

  <br>

  <input type="text" name= "currencyname" id="currencyname" placeholder="name" disabled>

  <br>

  <!---rates form--->   

  Rate(£=1):

  <br>

  <input type="number" name="rate" id="rate" placeholder="rate" disabled>

 <!---countries form-->

 <br>

 Countries (comma separated if 1+)

 <br>

 <input type="text" name= "countries" id="countries" placeholder="countries" 

disabled>

 <br>



 <!---xml response--->

 <br>

 Response Message:

  <br>

 <textarea id="xml_text" cols="70" rows="5"></textarea>



    <input type="submit" name="submit" id="submit" value="submit" >



 </form>

ajax

     <script>

        $(document).ready(function(){

    $("#myform").submit(function(e){

        e.preventDefault();

        var formData = $("#myform").serialize();



        var url = $("input[name='operation']:checked").val();



        // var url = $("#post_checked").attr("url");

          $.ajax({

            type: 'POST',

            url: url,

            data: formData,

            dataType: 'text',

            success: function(response){

            console.log("Test hello world");

            $('#xml_text').text(response);

            }

        });

    });



});

this is the console output

 jquery.min.js:5 XHR finished loading: POST "http://isa.cems.uwe.ac.uk/~t7-mills/web/currPut.php".

but i want it to look like

jquery.min.js:5 XHR finished loading: POST "http://isa.cems.uwe.ac.uk/~t7-mills/web/currPut.php?currencycode=test&currencyname=test&rate=23&countries=test".

the php file

<?php





 @date_default_timezone_set("GMT"); 

$xml= new DomDocument("1.0","UTF-8");

$xml->formatOutput=true;

$xml->preserveWhiteSpace=false;

$xml->load('rates.xml');



if(!$xml)

{

$currencies=$xml->createElement("currencies");

$xml->appendChild($currencies);

}

else

 {

$currencies=$xml->firstChild;

}



 if (isset($_GET['submit']))

 {

$curcode = $_GET['currencycode'];

$newrate = $_GET['rate'];

$cname = $_GET['currencyname'];

$countries = $_GET['countries'];





$curr=$xml->createElement("currency");

$currencies->appendChild($curr);





$currate=$xml->createElement("code",$curcode);

$curr->appendChild($currate);

$currate->setAttribute("rate",$newrate);





$name=$xml->createElement("cname",$cname);

$curr->appendChild($name);



$places=$xml->createElement("cntry",$countries);

$curr->appendChild($places);





$xml->save('rates.xml');





 echo <<<__xml

 <?xml version="1.0" encoding="UTF-8"?>

 <currency>{$_SERVER['PHP_SELF']}</currency>

__xml;

 }

?>