you could change the example to work with another data type
if you don't have json php ext - its included in php 5.2+ (something like
that)
so either
1. upgrade php - or use a php class for json
2. make the json as a basic print "{'myName': $myName}"
3. use another data type xml for example
perhaps its reloading because the test script has errors
here is the same example working with xml as datatype
2 files again index.html first
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en-US"
lang="en-US">
<head>
<title> malsup jquery form to php </title>
<script type="text/javascript" src="
http://www.malsup.com/jquery/jquery-1.2.6.js";></script>
<script type="text/javascript" src="
http://www.malsup.com/jquery/form/jquery.form.js";></script>
<script type="text/javascript">
// wait for the DOM to be loaded
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
$('#myForm').submit(function() {
// submit the form
$(this).ajaxSubmit({
// dataType identifies the expected content
type of the server response
// success identifies the function to invoke
when the server response
// has been received
'success': function (data) {
var msgText = $('message', data).text();
$('#msg').html(msgText);
}
});
return false;
});
});
</script>
</head>
<body>
<div id="msg"></div>
<form action="test.php" id="myForm" method="get">
name <input type="" value="" name="myName" />
<input type="submit" value="say hello to yourself" />
</form>
</body>
</html>
-------------------
test.php now
<?php
// test.php
$response = Array("myName" => $_GET['myName'], "success" => 1);
// echo json_encode($response);
?> <root><message><?php
echo "{$_GET['myName']}";
?></message> </root>
2008/11/10 bharani kumar <[EMAIL PROTECTED]>
> How to approach other for this problem,(With Drupal)
>
>
> 2008/11/10 bharani kumar <[EMAIL PROTECTED]>
>
>> I Got
>>
>> : *Fatal error*: Call to undefined function json_encode() in *C:\Program
>> Files\xampp\htdocs\source\ajaxformsubmit\sample2\test.php* on line *7*
>>
>>
>> One more thing the form is redirecting,Redirecting also similar to page
>> reloading,
>>
>> I don' t want to reload the page,
>>
>> Here i attached the zip, test it,
>>
>> code working fine,
>>
>>
>>
>>
>>
>> 2008/11/10 Sam Sherlock <[EMAIL PROTECTED]>
>>
>>> working example with json
>>>
>>> 2 files first index.html
>>>
>>> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
>>> http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
>>> <html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en-US"
>>> lang="en-US">
>>>
>>> <head>
>>>
>>> <title> malsup jquery form to php </title>
>>>
>>> <script type="text/javascript" src="
>>> http://www.malsup.com/jquery/jquery-1.2.6.js";></script>
>>> <script type="text/javascript" src="
>>> http://www.malsup.com/jquery/form/jquery.form.js";></script>
>>>
>>> <script type="text/javascript">
>>> // wait for the DOM to be loaded
>>> $(document).ready(function() {
>>> // bind 'myForm' and provide a simple callback function
>>>
>>>
>>> $('#myForm').submit(function() {
>>> // submit the form
>>> $(this).ajaxSubmit({
>>> // dataType identifies the expected
>>> content type of the server response
>>> 'dataType': 'json',
>>> // success identifies the function to
>>> invoke when the server response
>>> // has been received
>>> 'success': function (data) {
>>> msgText = '<p>Thank You ' +
>>> data.myName + '</p>';
>>> $('#msg').html(msgText);
>>> }
>>> });
>>> return false;
>>> });
>>> });
>>> </script>
>>>
>>> </head>
>>>
>>> <body>
>>>
>>> <div id="msg"></div>
>>>
>>> <form action="test.php" id="myForm" method="get">
>>> name <input type="" value="" name="myName" />
>>> <input type="submit" value="say hello to yourself" />
>>> </form>
>>>
>>> </body>
>>>
>>> </html>
>>>
>>> ------------------------------
>>>
>>> test.php
>>>
>>> <?php
>>>
>>> // test.php
>>>
>>> $response = Array("myName" => $_GET['myName'], "success" => 1);
>>>
>>> echo json_encode($response);
>>>
>>>
>>> ?>
>>>
>>> as I say I don't know how to implement it in drupal - all the info you
>>> need is at that link (with that and drupal docs)
>>>
>>>
>>> 2008/11/10 bharani kumar <[EMAIL PROTECTED]>
>>>
>>>> Hi here is my module, i want to add the JQuery into this module,
>>>>
>>>> that is form submit without page refresh ,
>>>>
>>>> 2008/11/10 bharani kumar <[EMAIL PROTECTED]>
>>>>
>>>>> I thing confusing you,
>>>>>
>>>>> I tel what i want ?
>>>>>
>>>>> I want to submit form without page refresh,
>>>>>
>>>>> Is there any best link other then wha u given last,
>>>>>
>>>>> One more thing am having some script,
>>>>>
>>>>>
>>>>> But am expecting help is, i want to implement into drupal,,,
>>>>>
>>>>>
>>>>>
>>>>> 2008/11/10 Sam Sherlock <[EMAIL PROTECTED]>
>>>>>
>>>>> I think we are misunderstand each other a bit
>>>>>>
>>>>>> I asked to see you html - I saw the example and the form is not
>>>>>> submitted by ajax
>>>>>>
>>>>>> I was asking if your form has an id of myForm eg
>>>>>>
>>>>>> <form id="myForm">
>>>>>>
>>>>>> would also be helpful if you could post link to example does not store
>>>>>> ip's after submitting
>>>>>>
>>>>>>
>>>>>> 2008/11/10 bharani kumar <[EMAIL PROTECTED]>
>>>>>>
>>>>>>> Hi u see , in that page is loading / redirecting know,
>>>>>>>
>>>>>>> But my thing is without page reloading to submit the form,
>>>>>>>
>>>>>>>
>>>>>>> Got my point , one more thing , am having some jquery script , which
>>>>>>> working fine (without page refresh to form submiting)
>>>>>>>
>>>>>>> But i need the help in, i want to use the jquery in Drupal,
>>>>>>>
>>>>>>>
>>>>>>> On Mon, Nov 10, 2008 at 7:18 PM, Sam Sherlock <
>>>>>>> [EMAIL PROTECTED]> wrote:
>>>>>>>
>>>>>>>> whats the html - I saw the link and that form did not appear to have
>>>>>>>> the event applied to the form
>>>>>>>>
>>>>>>>> perhaps this could be solved by checking that the id of the form is
>>>>>>>> myForm. I know nothing of drupal
>>>>>>>>
>>>>>>>> I can check back to the link since its logged my ip and now tells me
>>>>>>>> I have already voted visit the site etc
>>>>>>>>
>>>>>>>> 2008/11/10 bharani kumar <[EMAIL PROTECTED]>
>>>>>>>>
>>>>>>>> But , i want to implement in Drupal ,
>>>>>>>>>
>>>>>>>>> Am not sure the below code correct,
>>>>>>>>>
>>>>>>>>> In this i want to add the JQuery,
>>>>>>>>>
>>>>>>>>> <?php
>>>>>>>>>
>>>>>>>>> function custom3_block($op='list',$delta=0){
>>>>>>>>>
>>>>>>>>> switch($op){
>>>>>>>>>
>>>>>>>>> case 'list':
>>>>>>>>> $blocks[0]['info'] = t('Custom 3');
>>>>>>>>> return $blocks;
>>>>>>>>>
>>>>>>>>> case 'view':
>>>>>>>>>
>>>>>>>>> $output[] =t("Bharanikumar");
>>>>>>>>> $output[].=drupal_get_form('myForm');
>>>>>>>>> $output[] .=' <script type="text/javascript">
>>>>>>>>> // wait for the DOM to be loaded
>>>>>>>>> $(document).ready(function() { alert("Tets")
>>>>>>>>> $("#myForm").ajaxForm(function() {
>>>>>>>>> alert("Thank you for your comment!");
>>>>>>>>> });
>>>>>>>>> });
>>>>>>>>> </script>';
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> $block['content']=theme('hotelsearch_item_list',$output);
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> return $block;
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> }
>>>>>>>>>
>>>>>>>>> }
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> function myForm(){
>>>>>>>>>
>>>>>>>>> $modpath = drupal_get_path('module','custom3');
>>>>>>>>> drupal_add_js($modpath . '/jquery-1.2.6.js','module');
>>>>>>>>> //$form['#action']=url('comment.php');
>>>>>>>>>
>>>>>>>>> $form['name']=array(
>>>>>>>>> '#type' => 'textfield',
>>>>>>>>> '#title' => t('name')
>>>>>>>>> );
>>>>>>>>> $form['comment'] = array(
>>>>>>>>> '#type' => 'textarea',
>>>>>>>>> '#title' => t('comment'),
>>>>>>>>> '#required' => TRUE
>>>>>>>>> );
>>>>>>>>> $form['submit'] = array(
>>>>>>>>> '#input' => TRUE,
>>>>>>>>> '#name' => 'op',
>>>>>>>>> '#type' => 'submit',
>>>>>>>>> '#submit' => TRUE,
>>>>>>>>> '#value' =>t('submit')
>>>>>>>>> );
>>>>>>>>> return $form;
>>>>>>>>>
>>>>>>>>> }
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> On Mon, Nov 10, 2008 at 6:19 PM, Sam Sherlock <
>>>>>>>>> [EMAIL PROTECTED]> wrote:
>>>>>>>>>
>>>>>>>>>> this should be your solution
>>>>>>>>>>
>>>>>>>>>> http://www.malsup.com/jquery/form/
>>>>>>>>>>
>>>>>>>>>> 2008/11/10 [EMAIL PROTECTED] <
>>>>>>>>>> [EMAIL PROTECTED]>
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>>> Hi Friends
>>>>>>>>>>>
>>>>>>>>>>> I just want to submit the form without page refresh i want to do
>>>>>>>>>>> this
>>>>>>>>>>> using j query,
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>> Am actually working in DRUPAL ,Tell me how to implement this in
>>>>>>>>>>> drupal,
>>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> --
>>>>>>>>> உங்கள் நண்பன்
>>>>>>>>> பரணி குமார்
>>>>>>>>>
>>>>>>>>> Regards
>>>>>>>>> B.S.Bharanikumar
>>>>>>>>>
>>>>>>>>> POST YOUR OPINION
>>>>>>>>> http://bharanikumariyer.hyperphp.com/
>>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> --
>>>>>>> உங்கள் நண்பன்
>>>>>>> பரணி குமார்
>>>>>>>
>>>>>>> Regards
>>>>>>> B.S.Bharanikumar
>>>>>>>
>>>>>>> POST YOUR OPINION
>>>>>>> http://bharanikumariyer.hyperphp.com/
>>>>>>>
>>>>>>
>>>>>>
>>>>>
>>>>>
>>>>> --
>>>>> உங்கள் நண்பன்
>>>>> பரணி குமார்
>>>>>
>>>>> Regards
>>>>> B.S.Bharanikumar
>>>>>
>>>>> POST YOUR OPINION
>>>>> http://bharanikumariyer.hyperphp.com/
>>>>>
>>>>
>>>>
>>>>
>>>> --
>>>> உங்கள் நண்பன்
>>>> பரணி குமார்
>>>>
>>>> Regards
>>>> B.S.Bharanikumar
>>>>
>>>> POST YOUR OPINION
>>>> http://bharanikumariyer.hyperphp.com/
>>>>
>>>
>>>
>>
>>
>> --
>> உங்கள் நண்பன்
>> பரணி குமார்
>>
>> Regards
>> B.S.Bharanikumar
>>
>> POST YOUR OPINION
>> http://bharanikumariyer.hyperphp.com/
>>
>
>
>
> --
> உங்கள் நண்பன்
> பரணி குமார்
>
> Regards
> B.S.Bharanikumar
>
> POST YOUR OPINION
> http://bharanikumariyer.hyperphp.com/
>
